From the course: CSS: Scrolling and Parallax

Unlock this course with a free trial

Join today to access over 22,500 courses taught by industry experts.

Understanding transitions

Understanding transitions - CSS Tutorial

From the course: CSS: Scrolling and Parallax

Understanding transitions

- [Instructor] Transitions are a simple way of animating CSS property. Like the background property, it can be called by using a single transition combo property, or there are several individual properties that you can control. So with the property keyword, you can control which CSS properties are modified during the animation. We'll take a look at that one a little bit more in detail in a minute. Now, there's also duration which is going to tell the browser how long the transition will last and that can be specified in seconds or milliseconds. The delay allows you to start a transition after a predefined period of time. So that's great because it doesn't apply things right away it lets you wait a few seconds if you want to. There's also a timing function that controls the speed of the animation. So let's analyze a couple of the really important options here. First is transition-property. As I mentioned, you can…

Contents