We just created two snippets. @src/app/snippets/squircle-vs-rounded-corner this one where we show comparison between squircle and rounded corner. And this one @src/app/snippets/small-card-micro-animation where we have so many small cards that are using squircle shape.
Now I want to create another snippet@src/app/snippets here, it will be a playground for that allows you to play with squircles using modern CSS corner-shape.
There will be one card with equal value width and height. there will be some type of control for css border-radius and corner-shape to control superellipse value for example, corner-shape: superellipse(n);
there will also be preset buttons like square squircle round bevel and all the other options that are available for for corner-shape property.
The snippet will basically be a visualizer/playground to play with corner-shape.
