CSS Transitions and Transforms

CSS Transitions and Transforms

image description

Course Description

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 will learn

Transition properties Transform properties 3D transforms Cubic-bezier


Section 1: Getting Started with CSS Transitions

Section 2: Transition Timing Functions and Delays

Section 3: Getting Started with CSS Transforms

Section 4: Adding 3D Effects with CSS