36 lines
523 B
CSS
36 lines
523 B
CSS
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
|
|
|
@keyframes wobble {
|
|
0% {
|
|
transform: translateX(0%);
|
|
}
|
|
|
|
15% {
|
|
transform: translateX(-25%) rotate(-5deg);
|
|
}
|
|
|
|
30% {
|
|
transform: translateX(20%) rotate(3deg);
|
|
}
|
|
|
|
45% {
|
|
transform: translateX(-15%) rotate(-3deg);
|
|
}
|
|
|
|
60% {
|
|
transform: translateX(10%) rotate(2deg);
|
|
}
|
|
|
|
75% {
|
|
transform: translateX(-5%) rotate(-1deg);
|
|
}
|
|
|
|
100% {
|
|
transform: translateX(0%);
|
|
}
|
|
}
|
|
|
|
.wobble {
|
|
animation-name: wobble;
|
|
}
|