Let's talk about CSS animations. Movement on the web. In this part 1 of the series we talk about css transitions.

Animatable CSS Properties: oli.jp/2010/css-animatable-properties/

Performant Properties to Animate: www.html5rocks.com/en/tutorials/speed/high-performance-animations/

Do you even Jade Bro? youtu.be/wzAWI9h3q18

Check out the CodePen: codepen.io/devtips/pen/xOdodB/

- - -

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.