Tip: Change Colors with the CSS Transition Property

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