shake.css 390 B

12345678910111213141516171819202122
  1. @keyframes shake {
  2. 10%,
  3. 90% {
  4. transform: translate3d(-1px, 0 0);
  5. }
  6. 20%,
  7. 80% {
  8. transform: translate3d(2px, 0, 0);
  9. }
  10. 30%,
  11. 50%,
  12. 70% {
  13. transform: translate3d(-4px, 0, 0);
  14. }
  15. 40%,
  16. 60% {
  17. transform: translate3d(4px, 0, 0);
  18. }
  19. }
  20. .apply-shake {
  21. animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  22. }