wobble.css 625 B

123456789101112131415161718192021222324252627282930313233343536
  1. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  2. @keyframes wobble {
  3. from {
  4. transform: translate3d(0, 0, 0);
  5. }
  6. 15% {
  7. transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  8. }
  9. 30% {
  10. transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  11. }
  12. 45% {
  13. transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  14. }
  15. 60% {
  16. transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  17. }
  18. 75% {
  19. transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  20. }
  21. to {
  22. transform: translate3d(0, 0, 0);
  23. }
  24. }
  25. .wobble {
  26. animation-name: wobble;
  27. }