Some css3 loading animations experiments.
Have fun and remember to share what you learn :)
UPDATED DEMO FOR MY BLOG POST TUTORIAL
How to Create Windows-8-like Animations with CSS3 and jQuery
Just some CSS3 Animations to recreate the sky.
Most of the time these slide in or fade in - just playing with other instantiation animations.
All animations are class-driven, and are animating the exact same HTML elements.
Text animation by Yoann HELIN
Created a login form with an SVG avatar that responds to the input in the email field. Used the GSAP TweenMax library + GSAP's MorphSVG plugin for the animating.
Logo animation for anime-js.com
Reveal Animations When You Scroll
Based on this - https://dribbble.com/shots/1945593-Login-Home-Screen
Right now svg-icons not appears in IE (css animation). All 4 icons are hardcoded with numbers, just for fun :D
Many folks use these, and their merits can be argued, but for practical purposes, the "Hamburger" icon has familiarity going for it, at the very least. These animations add a little more transparency to what it means from a UI perspective by transforming it into another recognizable icon - the closing "x". Full walkthrough here: http://designcouch.com/home/why/2014/06/23/playing-with-hamburger-icon-animations/
A simple animated login form
Need to know how to enable it? Go here.