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.

>>Hongicat 

Border Animation by Sean McCaffery

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

>>Hongicat 

 

Animated writing font by Lee Porter

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

>>Hongicat 

Menu toggle animation by Tamino Martinius

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

>>Hongicat 

 

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