Switch Color on Hover Effect for Links

Image: Switch Color on Hover Effect for Links GIF

With this CSS only snippet, you can add a fade effect to your links. With this snippet when you hover over links they will fade into a different colour slowly as opposed to immediately switching the colour.

If you are having trouble with the pen, try the archived copy on GitHub

Switch Color on Hover Snippet

//jsfiddle.net/4z6L80dm/embedded/result,js,html,css/dark/

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.