Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Animating with CSS Transitions - A Look at the Transition Properties

Kevin Powell via YouTube

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

Reviews

Start your review of Animating with CSS Transitions - A Look at the Transition Properties

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.