CSS Transition: Simple and native way for smoothly effects in your DHMTL applications
Here we explore the CSS transition attribute, showing one example without its usage, and then its adjustment to apply the transition attribute.
0:00 CSS transition attribute
1:37 Example without transition (display block and none)
2:58 Example with transition (visibility, width and height)
Source:
https://www.w3.org/TR/css-transitions-2/