Submitted by: Srinath M S(srinath_ms@yahoo.com)

Tuesday Sep 10th 2019 by Srinath M S
Article Image

Language: Web, Expertise: Intermediate - See how to perform amazing CSS transitions on your Web pages.

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.


<div class="transitionColor">Hover to change color</div>


div.transitionColor {
color: #fff;
background: #000;
transition: all 0.5s ease;
div.transitionColor:hover {
background: pink;
Mobile Site | Full Site