Squiggle Line on Hover Effect

Hello People!

I am journaling cool website interactions for 100 days straight.
This is interaction #1 The Squiggle Line on Hover Effect.

A few days ago I came across this website called Columbi Farms. I couldn’t help but notice how interactive this site was. There was this one effect that made me want to recreate it, the squiggle on hover effect.

I just love how they came up with a wavy effect that goes really well with what the company does, aquaculture. If you use it on a professional industry website like an accountant’s or lawyer’s website, it will not look good.

PS: I went ahead and made a tutorial on it.
https://www.webbbing.com/line-squiggle-hover-effect

Check it out.

2 Likes