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
Hi,
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).
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions
Ask further if you want.
4 Likes
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.