Treehouse is currently experiencing service disruptions due to an ongoing Amazon Web Services outage. Some account features may be temporarily unavailable.

You found it first ⚡ 50% off any plan for 6 months, exclusive to new subscribers for a limited time only.

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

Join the Treehouse affiliate program and earn 25% recurring commission!

CSS Transitions and Transforms

185-minute CSS Course

Start Course

CSS
Beginner

About this Course

CSS transitions and transforms can create simple animations that enhance user interactions in websites and apps. In this course, you'll build an interactive image gallery using CSS transitions and transforms.

You'll use transition properties to define durations, delays, and easing functions. Then, you'll learn how to rotate, scale, and move elements in 2D and 3D space, with CSS transforms.

What you'll learn

Transition properties
Transform properties
3D transforms
Cubic-bezier

Teacher

Guil Hernandez

Guil is a Full Stack JavaScript and Front End Web Development instructor.

Download videos

You need to sign up for Treehouse in order to download course videos.

Library