Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
With a transition delay you can control when a transition starts, which lets you create transitions that involve multiple steps.
Resources
Video review
- With
transition-delay
you can create two or more transitions and set delays to make each transition occur at different times. -
transition-delay
accepts a time value in seconds or milliseconds. -
transition-delay
accepts a comma-separated list of delay values; this lets you delay an element's transition properties individually.
For example:
.button {
...
transition-property: opacity, background, box-shadow;
transition-duration: .4s;
transition-delay: .2s, .3s, 0s;
}
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up-
Jesse Morales
11,515 Points1 Answer
-
ammarkhan
Front End Web Development Techdegree Student 21,661 Points1 Answer
View all discussions for this video
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up