devxlogo

Change Colors with the CSS Transition Property

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:

Hover to change color

CSS:

div.transitionColor {color: #fff;background: #000;transition: all 0.5s ease;}div.transitionColor:hover {background: pink;}

devx-admin

Share the Post: