Using the transition property on an element, we can do amazing CSS transitions.
See below for a example. The div will change color on hover with a transition.
HTML:
<div class="transitionColor">Hover to change color</div>
CSS:
div.transitionColor {
color: #fff;
background: #000;
transition: all 0.5s ease;
}
div.transitionColor:hover {
background: pink;
}
Visit the DevX Tip Bank