Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore the power of CSS transitions in this 18-minute tutorial video. Learn how to enhance user experience and capture attention through web animations. Dive into the four key transition properties: duration, property, timing-function, and delay. Discover the convenient shorthand 'transition' property for streamlined coding. Gain insights on best practices, focusing on opacity and transform for optimal performance. Follow along with a provided Codepen example and access additional resources on GPU animation. Perfect for web developers looking to add smooth, engaging animations to their projects.
Syllabus
Intro
What are transitions
Transition Duration
Transition oops
CPU intensive transitions
Transition timing
Visualizing transitions
Transition delay
Performance
Taught by
Kevin Powell