CSS in the 4th Dimension - Not Your Daddy's CSS Animations

Explore the evolution of CSS from 2D to 4D in this 45-minute conference talk by Lea Verou at JSConf.Asia 2013. Dive into the basics of CSS transitions and animations, then progress to advanced techniques for leveraging these exciting technologies. Learn how to create depth and time in your web designs, with hands-on coding examples and unique presentation style. Discover the potential of CSS3 features, including height auto transitions, intermediate states, gradients, transforms, and smooth animations. Gain insights from Lea's expertise as a W3C Developer Advocate and CSS Working Group Invited Expert. Perfect for web developers looking to enhance their CSS skills and create more dynamic, engaging user interfaces.

Introduction
Browser support
Transition effect
Height Auto
Intermediate States
Gradients
Animations
Transforms
Chrome
CSS Transitions
CSS Buttons
Cubic Bezier
Transitions Limitations
Basic Animation
Smooth Animation
Border Style
Wrapup
Reality Check