Today we are going to animate this page as it loads. I will show you how to make each element animate onto the page in order and with style!


Check out the Code: codepen.io/devtips/pen/zBgYmy/

Example site in the beginning of the vid: draft.co.jp/

- - -

This video was sponsored by the DevTips Patron Community - www.patreon.com/DevTips

Listen to Travis' Podcast - www.travandlos.com/

Get awesomeness emailed to you every thursday - travisneilson.com/notes

You should follow DevTips on Twitter - twitter.com/DevTipsShow

1. CSS Transition
2. CSS Animation & Keyframes
3. Animating the Moments: Using Animation in UX
4. Drop Down Menu CSS Animations
5. Notifications, Alerts, Menus CSS Animations
6. Spinners, Loaders, and Junk CSS Animations
7. Step-by-Step Form CSS Animations
8. Build-In Load Animation CSS Animations

This series of 8 video tutorials introduces you to CSS transitions and animations. We will be looking at animating drop down menus, moments, creating alerts and notification systems, and using the keyframe directive.