CSS3 Transitions are a presentational effect which allow property changes in CSS values, such as those that may be defined to occur on
:focus, to occur smoothly over a specified duration – rather than happening instantaneously as is the normal behaviour.
Transition effects can be applied to a wide variety of CSS properties, including
opacity, and many more. Keep reading for further details of supported properties.
You can skip to the end and leave a response.
Great examples! :)
I haven’s knew that a transition-delay can can have a negative value. Interesting knowledge.
In example E the transition is made on the transformed element. It’s fine if a transition-property is “all”, but if someone would like to set multiple transitions with one of them being transform, it will lead to a quite serious issue in the future and, in worst case scenario, the transition effect will stop working.
I’ve just covered this topic today and I think it might be a useful knowledge for people experimenting with transitions.