_animations.scss 790 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @keyframes pulse {
  2. from {
  3. opacity: 1;
  4. transform: scale3d(.8, .8, .8)
  5. }
  6. 50% {
  7. transform: scale3d(1, 1, 1);
  8. opacity: 1
  9. }
  10. to {
  11. opacity: 1;
  12. transform: scale3d(.8, .8, .8)
  13. }
  14. }
  15. @keyframes tada {
  16. 0% {
  17. transform: scale3d(1, 1, 1)
  18. }
  19. 10%, 5% {
  20. transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -5deg)
  21. }
  22. 15%, 25%, 35%, 45% {
  23. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg)
  24. }
  25. 20%, 30%, 40% {
  26. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg)
  27. }
  28. 50% {
  29. transform: scale3d(1, 1, 1)
  30. }
  31. }
  32. @keyframes rotate-360 {
  33. from {
  34. transform: rotate(0deg);
  35. }
  36. to {
  37. transform: rotate(360deg);
  38. }
  39. }
  40. @keyframes blink {
  41. from {
  42. opacity: 0;
  43. }
  44. 50% {
  45. opacity: 1;
  46. }
  47. to {
  48. opacity: 0;
  49. }
  50. }