The default CSS underline works great. Who could hate it? But, in some cases is it simply boring and there’s always room to improve things. We have made some creative link hover effects to improve this part of the "boring" story. You may not think there’s a lot you can do with underlines and those hover effects, but if you take some help from anime.js you’ll realize just how much you really can do!
Attention: Note that we use modern CSS properties like a "viewport width or height" and "calc" property in this demo.
In this challenge can you find six amazing, creative examples for link hover effects. As always you can freely use these examples or just grab inspiration for your next project.
We hope you like this challenge ( our link hover effects ) and find it inspirational.