CSS Tricks
Hover Effects & CSS Transition Hover Effects allow you to change CSS properties when you hover Selected elements and CSS transition is the way to control animation speed when changing CSS properties. Like color background with css animation Without Animation CSS. .a{ color: #eee; } .a:hover{ color: #000; } With Animation CSS you can write to Transition effect in css like this . .a{ -webkit-transition: color 1s ease-in; /*safari and chrome */ -moz-transition: color 1s ease-in; /* firefox */ ...