animate.css/source/attention_seekers/bounce.css

31 lines
551 B
CSS
Raw Normal View History

@keyframes bounce {
2017-11-16 00:20:46 +01:00
from,
20%,
53%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
2017-11-16 00:20:46 +01:00
40%,
43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
2017-11-16 00:20:46 +01:00
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
2017-07-29 23:28:17 +02:00
transform: translate3d(0, -4px, 0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}