Fancy Hover Effect for Button

Image: Fancy Hover Effect for Button GIF

This fancy hover effect for buttons was designed by LukasOe. On hover, the button text colour is inverted and the button goes from a solid colour to a series of lines.

If you are having trouble with the pen, try the archived copy on GitHub

Fancy Button Hover Effect Snippet

See the Pen SVG folding line hover effect by LukasOe (@lukasoe) on CodePen.0

scroll to top