jQuery Button Hover and Click Animation

Image: jQuery Button Hover and Click Animation GIF

A fancy link effect that can be used as a button on your web projects. The anchor element has a dimond shaped background and a squre border. On hover the square border rotates and alligns itself with the backgound diamond and on click the background color changes and the text zooms out. Will be a great CTA on any landing page.

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

See the Pen Button Animation Experiment – Dribbble by Valentine (@wintr) 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.