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