Button Animations CSS (w/ code)

Red Upside Down Button Animation With Code CSS

See Code

Go Back

CSS Code Below

.upsidedownbutton { margin-top: 1em; width: 30%; padding-top: 0.3em; padding-bottom: 0.3em; background-color: #cccccc; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 4px solid #e60000; -webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.7s; }
.upsidedownbutton:hover { background-color: #e60000; transform: rotate(360deg) scaleX(-1); }

* Change transition duration to make animation slower or faster *