The HTML and CSS Workshop by Lewis Coulson Brett Jephson Rob Larsen Matt Park and Marian Zburlea

The HTML and CSS Workshop by Lewis Coulson Brett Jephson Rob Larsen Matt Park and Marian Zburlea

Author:Lewis Coulson, Brett Jephson, Rob Larsen, Matt Park, and Marian Zburlea
Language: eng
Format: epub
Publisher: Packt publishing Pvt ltd
Published: 2019-11-27T00:00:00+00:00


Figure 8.1: Transition duration property

Note

If you're planning to work with JavaScript and keeping the units consistent, you may consider using ms, which is short for milliseconds. You can read more about CSS transition duration at https://packt.live/32swmYm.

In addition to transition-duration, there are two other important CSS transition properties we can use: transition-property and transition-delay.

The transition-property property specifies what property is going to be involved in the transition. If no transition-property is set, then all the CSS properties on the selector will be involved in the transition. To help explain this further, if you just wanted the transition to occur on just the background color, then you would set transition-property: background-color;.

The transition-delay property specifies when the transition effect will start. The transition-delay value is defined in seconds (s) or milliseconds (ms). Adding a delay to the CSS selector means that the defined time must pass before the transition happens. If you set this value to 2 seconds or more, you would really notice a delay before your transition happens. This would be written as follows: transition-delay: 2s;.



Download



Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.