Course Content

  • Lecture-37_transition1
  • Lecture-37_transition2
  • Lecture-37_transition3

Course Content


Transition-delay is a CSS demonstration:

  • The transition effect will start right away if the value is 0s (or 0ms).
  • A positive value will postpone the transition impact for the specified amount of time.
  • A negative value will start the transition effect immediately and will stop it halfway through.

The transition-delay attribute specifies the start time of the transition effect. The transition time is measured in seconds (s) or milliseconds (ms).

The name of the CSS property for which the transition effect is used is defined by the transition-property property (the transition effect will start when the specified CSS property changes).

CSS Transitions are the most straightforward technique to create animations. Transitions can be made using either the transition shorthand or the transition- properties. To make a transition, you replace a property in a class (or pseudo-class) and specify the property to transit in the transition or transition-property variables.

We may describe how an element evolves with CSS3 by simply stating its current and goal states. CSS3 will use a cubic Bézier curve to produce a smooth transition between these states and progressively change the element's look.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere