Button 19
Button 19
/* ===== Button 19 ===== */
#button-19.btn {
text-transform: uppercase;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#button-19.btn:hover {
-webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 28px rgba(0, 0, 0, 0.1);
-webkit-animation: bounce 0.4s linear;
animation: bounce 0.4s linear;
}
@-webkit-keyframes bounce {
40% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
60% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
80% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
@keyframes bounce {
40% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
60% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
80% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}