Button Animations CSS (w/ code)See Code |
Go Back |
|---|
CSS Code Below
.button {
width: 40%;
height: 100%;
padding-top: 0.3em;
padding-bottom: 0.3em;
background-color: #d9d9d9;
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.3s;
}
.button:hover {
background-color: #e60000;
transform: skew(2deg, 2deg);
}