2013-11-12 00:32:40 +01:00
|
|
|
@keyframes bounce {
|
2015-08-21 04:26:35 +02:00
|
|
|
from, 20%, 53%, 80%, to {
|
2015-04-29 08:37:43 +02:00
|
|
|
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
2014-07-06 22:32:34 +02:00
|
|
|
transform: translate3d(0,0,0);
|
2014-02-23 21:39:02 +01:00
|
|
|
}
|
|
|
|
|
2014-07-06 22:32:34 +02:00
|
|
|
40%, 43% {
|
2015-04-29 08:37:43 +02:00
|
|
|
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
2014-07-06 22:32:34 +02:00
|
|
|
transform: translate3d(0, -30px, 0);
|
2014-02-23 21:39:02 +01:00
|
|
|
}
|
|
|
|
|
2014-07-06 22:32:34 +02:00
|
|
|
70% {
|
2015-04-29 08:37:43 +02:00
|
|
|
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
2014-07-06 22:32:34 +02:00
|
|
|
transform: translate3d(0, -15px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
90% {
|
|
|
|
transform: translate3d(0,-4px,0);
|
2014-02-23 21:39:02 +01:00
|
|
|
}
|
2013-11-12 00:32:40 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.bounce {
|
2014-02-23 22:56:08 +01:00
|
|
|
animation-name: bounce;
|
2014-07-06 22:32:34 +02:00
|
|
|
transform-origin: center bottom;
|
2014-02-23 21:39:02 +01:00
|
|
|
}
|