mirror of
https://github.com/animate-css/animate.css.git
synced 2024-10-07 18:17:26 +02:00
33 lines
438 B
CSS
33 lines
438 B
CSS
@keyframes headShake {
|
|
|
|
|
|
0 {
|
|
transform: translateX(0)
|
|
}
|
|
|
|
6.5% {
|
|
transform: translateX(-6px) rotateY(-9deg)
|
|
}
|
|
|
|
18.5% {
|
|
transform: translateX(5px) rotateY(7deg)
|
|
}
|
|
|
|
31.5% {
|
|
transform: translateX(-3px) rotateY(-5deg)
|
|
}
|
|
|
|
43.5% {
|
|
transform: translateX(2px) rotateY(3deg)
|
|
}
|
|
|
|
50% {
|
|
transform: translateX(0)
|
|
}
|
|
}
|
|
|
|
|
|
.headShake {
|
|
animation-timing-function: ease-in-out;
|
|
animation-name: headShake;
|
|
} |