Button hover to underscore and check-box animation

Button hover to underscore and check-box animation

button hover animation pure css

Image: Button hover to underscore and check-box animation GIF

These pure CSS buttons animate on hover to transform in to an underscore and to a check-box.

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

See the Pen Box/Button Hovers by andrew wierzba (@andrewwierzba) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.