DEV Community

Cyril Reze
Cyril Reze

Posted on • Edited on

8

Nice Little Link Hover Effect

It's a little link hover effect with a chevron arrow and translate3d effect when hovering over the link.

Note: do not abuse this type of animation. It is not intended for a link included in text content.

Usage: a link that must stand out from the main content. This is one way of avoiding using a button for the wrong purpose (too often misused). It remains a hyperlink.

Top comments (4)

Collapse
 
zippcodder profile image
Deon Rich

Good old SVG! stroke-dashoffset is a blast to use. Nice effect

Collapse
 
cyrez profile image
Cyril Reze

Old, but still fun to use! ;-)

Collapse
 
cezarytomczyk profile image
Cezary Tomczyk

Nice one! I like it.

Collapse
 
cyrez profile image
Cyril Reze

Thank you!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay