CSS Transitions and Transforms

185-minute CSS Course

Start Course Watch trailer

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 JavaScript and Front End Web Development teacher at Treehouse. You can follow him on Twitter @guilh.

Download videos

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

Sign up