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


advertisement
 

Tip: Using the Hover Effect on an HTML Element

Learn how to set the hover effect in Web pages from within CSS.


advertisement

WEBINAR:

On-Demand

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


We use the hover attribute to set the hover effect in Web pages within CSS.

For example:

div {
color:#000;
}
div :hover{
color:#f00;
}


You can apply the transaction property on top of this with a time attribute in seconds. It would play a transition in the change of the color.

div :hover{
color:#f00;
transition: all 0.4s ease;
}


   
Srinath M. S. says: "I would love to leave a footprint in this flat world."
Thanks for your registration, follow us on our social networks to keep up-to-date