Web Animations

Super kolekcije SVG i CSS animacija za veb dizajnere i developere. Uživajte!


I stumbled upon a few great collections of SVG and CSS animation showcases and since my bookmarks are overloaded I I’ve decided to save those  here. First collection is from Hongicat , second collection is from jQuery Rain , and third are showcases from OnePageLove


Heart Animation by Nikolay Talanov

Valentine’s are in two days so the HEART animation had to be featured as well – a heart icon is made from two circles and a square / the transformation is done with CSS animation.


Border Animation by Sean McCaffery

Made only with CSS, a border forms smoothly around the text, when you hover over the “HOVER” instruction.



Animated writing font by Lee Porter

You can SVG use it on typography like what this creator made.


Menu toggle animation by Tamino Martinius

A morphing animation of the hamburger icon turning into a cross icon.



jQuery SVG Animated PopUp

>> jQuery Rain
  • Formation of the particles based on the basis of SVG.
  • Easy – just plug weight 5kb.
  • Easy to use – it has documentation in Russian.

Screen Shot 2017-02-12 at 1.34.53 PM