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

WEBINAR:

On-Demand

Building the Right Environment to Support AI, Machine Learning and Deep Learning


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