Animated Buttons
This is a demo I made when browser support for CSS animations was above 90%. I was trying to get our web designs to stop using image-based buttons and this was a proof of concept that made good use of things like border radius, gradients, web fonts, and CSS animations.
No *.jpg nor *.png image files were used in the making of these buttons. Animations are rendered using the CSS transition property.
Hover over font family names to change the button fonts:
Sanchez
Arvo 700
Homenaje
Boogaloo
Montserrat 700
Averia Sans Libre Italic 700
Hover over colors to change the button primary colors:
Quick Quoteclick here
Schedule Serviceclick here
Get Pre-Approvedclick here
Contact Usclick here
New Car Specialsclick here
Used Car Specialsclick here