Learn how to add transition on hover with CSS.
Read on how to do it in this tutorial: https://www.w3schools.com/howto/howto_css_transition_hover.asp
Transition on Hover
CSS transitions allows you to change property values smoothly (from one value to another), over a given duration.
Add a transition effect (opacity and background color) to a button on hover
Try fade in on hover here: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_buttons_fade1
Try fade background on hover here: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_buttons_fade3
Go to our CSS Transition Tutorial to learn more about transitions.