_animations.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. @keyframes pulse {
  2. 0% {
  3. transform: scale(1);
  4. }
  5. 14% {
  6. transform: scale(1.25);
  7. }
  8. 28% {
  9. transform: scale(1);
  10. }
  11. 42% {
  12. transform: scale(1.25);
  13. }
  14. 70% {
  15. transform: scale(1);
  16. }
  17. }
  18. @keyframes tada {
  19. 0% {
  20. transform: scale3d(1, 1, 1);
  21. }
  22. 10%,
  23. 5% {
  24. transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
  25. }
  26. 15%,
  27. 25%,
  28. 35%,
  29. 45% {
  30. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
  31. }
  32. 20%,
  33. 30%,
  34. 40% {
  35. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
  36. }
  37. 50% {
  38. transform: scale3d(1, 1, 1);
  39. }
  40. }
  41. @keyframes rotate-360 {
  42. from {
  43. transform: rotate(0deg);
  44. }
  45. to {
  46. transform: rotate(360deg);
  47. }
  48. }
  49. @keyframes blink {
  50. from {
  51. opacity: 0;
  52. }
  53. 50% {
  54. opacity: 1;
  55. }
  56. to {
  57. opacity: 0;
  58. }
  59. }
  60. @keyframes shake {
  61. 0% {
  62. transform: scaleX(1);
  63. }
  64. 20% {
  65. transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
  66. }
  67. 50%,
  68. 70%,
  69. 90% {
  70. transform: scale3d(1.25, 1.25, 1.25) rotate(5deg);
  71. }
  72. 60%,
  73. 80% {
  74. transform: scale3d(1.25, 1.25, 1.25) rotate(-5deg);
  75. }
  76. to {
  77. transform: scaleX(1);
  78. }
  79. }