Pure CSS Twitter Heart Animation

Ana Tudor has recreated the Twitter Heart Animation in pure CSS:

See the Pen no sprite, no JS heart animation – click it! by Ana Tudor (@thebabydino) on CodePen.

Easy to follow step-by-step instructions in the original post. The most surprising part – to me – is that the particles are rendered using box-shadow.

Recreating the Twitter Heart Animation (with One Element, No Images, and No JavaScript) →