The corner-shape property is animatable, so you can easily create a mesmerizing scenes (such as this one) by specifying random values for the superellipse() function, or even just by switching corner shapes values from squircle to scoop, for example.
For this demo, I’ve created one animation (@keyframes) on the .box element, and other elements (.box-2 to .box-5) have larger and larger animation delays in 5s increments.
Zoran Jambor,
CSS Weekly
--
Resources: