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
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.
Content Management | Programming |
User Experience & Usability | User Generated Content |
Web Design | Web Marketing |
Web Services | Website Analytics |
Hello! Python by Anthony Briggs(9351)
The Mikado Method by Ola Ellnestam Daniel Brolund(9288)
Dependency Injection in .NET by Mark Seemann(8836)
Sass and Compass in Action by Wynn Netherland Nathan Weizenbaum Chris Eppstein Brandon Mathis(7384)
The Well-Grounded Java Developer by Benjamin J. Evans Martijn Verburg(7096)
Secrets of the JavaScript Ninja by John Resig & Bear Bibeault(6232)
Secrets of the JavaScript Ninja by John Resig Bear Bibeault(5933)
Jquery UI in Action : Master the concepts Of Jquery UI: A Step By Step Approach by ANMOL GOYAL(5495)
Kotlin in Action by Dmitry Jemerov(4617)
Audition by Ryu Murakami(4076)
Hands-On Full-Stack Web Development with GraphQL and React by Sebastian Grebe(3776)
Functional Programming in JavaScript by Mantyla Dan(3712)
Learning React: Functional Web Development with React and Redux by Banks Alex & Porcello Eve(2821)
Svelte with Test-Driven Development by Daniel Irvine(2556)
Architecting Modern Java EE Applications: Designing lightweight, business-oriented enterprise applications in the age of cloud, containers, and Java EE 8 by Daschner Sebastian(2547)
WordPress Plugin Development Cookbook by Yannick Lefebvre(2523)
React Native - Building Mobile Apps with JavaScript by Novick Vladimir(2326)
Layered Design for Ruby on Rails Applications by Dementyev Vladimir;(2215)
PHP 7 Data Structures and Algorithms by Mizanur Rahman(2193)