Using the Hover Effect on an HTML Element

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;
}