Hi Everyone, i am reading today Transition subject, am seeking some clarity about the different between Transition-property and the other three Transition properties :
1- Transition-duration:
2- Transition-timing:
3- Transition-delay
Is there any major different between the three properties from(1-3) and Transition-property? If Yes, when we have to use the transition-property and when we should not?
Thank you for your help in advance


I think you’ll find the best clarification of those at Mozilla Dev:

CSS transitions let you decide which properties to animate (by listing them explicitly), when the animation will start (by setting a delay), how long the transition will last (by setting a duration), and how the transition will run (by defining a timing function, e.g. linearly or quick at the beginning, slow at the end).

Ask further if you want. :slight_smile:


This is super clear and useful … Thank you for sharing this link

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.