Try Mentor AI — Free Pilot! Get instant, personalized help while you learn. Be among the first to explore it and shape what comes next. JOIN NOW

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

New No-Code Track! 🚀start learning today!

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

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

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