DEV Community

Cyril Reze
Cyril Reze

Posted on • Updated on

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!