585176d5c1834730c311d2ba55ae34497685465a9566981eee10623ddd56d66810d2b459b0228d2b4c35a88c36c1b8cae87f82e8a85340ae0f6b7ce7040f3e 443 B

123456789101112131415161718192021222324252627282930
  1. @keyframes headShake {
  2. 0% {
  3. transform: translateX(0);
  4. }
  5. 6.5% {
  6. transform: translateX(-6px) rotateY(-9deg);
  7. }
  8. 18.5% {
  9. transform: translateX(5px) rotateY(7deg);
  10. }
  11. 31.5% {
  12. transform: translateX(-3px) rotateY(-5deg);
  13. }
  14. 43.5% {
  15. transform: translateX(2px) rotateY(3deg);
  16. }
  17. 50% {
  18. transform: translateX(0);
  19. }
  20. }
  21. .headShake {
  22. animation-timing-function: ease-in-out;
  23. animation-name: headShake;
  24. }