site profile thumbnail

Description

Hey Everyone, this is 16 css-only hover animations for links! Animations no.01 & no.16 are made with embedded CSS code- you'll find the embeds at each belonging link. Animation no.04 is made by simply changing the "hover state" of the link. Animation no.15 is made partially by changing the hover state of the link-text (the gradient clipping to the bg) + a Webflow interaction of the link. First I thought to go for inspirations to tympanus.net for this project, but I saw that there's already a really cool cloneable for that: https://css-link-effects.webflow.io/, so I've searched across the web for inspirations to make different link animations from those. For the link hover animation with squiggly lines all credits goes to Nikolai Bain: https://www.youtube.com/watch?v=uLyyQ1XTNfA I hope you can use some of these links for your next Webflow sites!
hovereffecthoverlinkscloneablewebflowcloneablemadeinwebflowwebflowdeveloperwebflowinteractionsinteractionsanimationvariablefontslink

Related Made in Webflow Projects