dcsimg
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web
Expertise: Intermediate
Sep 10, 2019

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;
}
Srinath M S
 
Thanks for your registration, follow us on our social networks to keep up-to-date