_fadeIn.scss 891 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .fadeIn-down {
  2. animation-name: fadeInDown;
  3. animation-duration: 1s;
  4. animation-fill-mode: none;
  5. }
  6. .fadeIn {
  7. opacity: 0;
  8. animation: fadeIn ease-in 1;
  9. animation-fill-mode: forwards;
  10. animation-duration: 1s;
  11. }
  12. .fadeIn.fadeIn-1 {
  13. animation-delay: 0.4s;
  14. }
  15. .fadeIn.fadeIn-2 {
  16. animation-delay: 0.6s;
  17. }
  18. .fadeIn.fadeIn-3 {
  19. animation-delay: 0.8s;
  20. }
  21. .fadeIn.fadeIn-4 {
  22. animation-delay: 1s;
  23. }
  24. .fadeIn.fadeIn-5 {
  25. animation-delay: 1.2s;
  26. }
  27. .fadeIn.fadeIn-6 {
  28. animation-delay: 1.4s;
  29. }
  30. .fadeIn.fadeIn-7 {
  31. animation-delay: 1.5s;
  32. }
  33. .fadeIn.fadeIn-8 {
  34. animation-delay: 1.6s;
  35. }
  36. @keyframes fadeInDown {
  37. from {
  38. opacity: 0;
  39. transform: translate3d(0, -100%, 0);
  40. }
  41. to {
  42. opacity: 1;
  43. transform: none;
  44. }
  45. }
  46. @keyframes fadeIn {
  47. from {
  48. opacity: 0;
  49. }
  50. to {
  51. opacity: 1;
  52. }
  53. }