Guest User

Untitled

a guest
Jul 8th, 2024
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.31 KB | None | 0 0
  1. #home_products_archive_1 li {
  2. opacity: 0;
  3. animation: fadeIn 1s forwards;
  4. }
  5.  
  6. #home_products_archive_1 li:nth-child(1) {
  7. animation-delay: 0ms;
  8. }
  9.  
  10. #home_products_archive_1 li:nth-child(2) {
  11. animation-delay: 100ms;
  12. }
  13.  
  14. #home_products_archive_1 li:nth-child(3) {
  15. animation-delay: 200ms;
  16. }
  17.  
  18. #home_products_archive_1 li:nth-child(4) {
  19. animation-delay: 300ms;
  20. }
  21.  
  22. #home_products_archive_1 li:nth-child(5) {
  23. animation-delay: 400ms;
  24. }
  25.  
  26. #home_products_archive_1 li:nth-child(6) {
  27. animation-delay: 500ms;
  28. }
  29.  
  30. @keyframes fadeIn {
  31. to {
  32. opacity: 1;
  33. }
  34. }
  35.  
  36. -------------
  37.  
  38. #home_products_archive_2 li {
  39. opacity: 0;
  40. animation: fadeIn 1s forwards;
  41. }
  42.  
  43. #home_products_archive_2 li:nth-child(1) {
  44. animation-delay: 0ms;
  45. }
  46.  
  47. #home_products_archive_2 li:nth-child(2) {
  48. animation-delay: 100ms;
  49. }
  50.  
  51. #home_products_archive_2 li:nth-child(3) {
  52. animation-delay: 200ms;
  53. }
  54.  
  55. #home_products_archive_2 li:nth-child(4) {
  56. animation-delay: 300ms;
  57. }
  58.  
  59. #home_products_archive_2 li:nth-child(5) {
  60. animation-delay: 400ms;
  61. }
  62.  
  63. #home_products_archive_2 li:nth-child(6) {
  64. animation-delay: 500ms;
  65. }
  66.  
  67. @keyframes fadeIn {
  68. to {
  69. opacity: 1;
  70. }
  71. }
  72.  
  73. -------
  74.  
  75. #home_products_archive_3 li {
  76. opacity: 0;
  77. animation: fadeIn 1s forwards;
  78. }
  79.  
  80. #home_products_archive_3 li:nth-child(1) {
  81. animation-delay: 0ms;
  82. }
  83.  
  84. #home_products_archive_3 li:nth-child(2) {
  85. animation-delay: 100ms;
  86. }
  87.  
  88. #home_products_archive_3 li:nth-child(3) {
  89. animation-delay: 200ms;
  90. }
  91.  
  92. #home_products_archive_3 li:nth-child(4) {
  93. animation-delay: 300ms;
  94. }
  95.  
  96. #home_products_archive_3 li:nth-child(5) {
  97. animation-delay: 400ms;
  98. }
  99.  
  100. #home_products_archive_3 li:nth-child(6) {
  101. animation-delay: 500ms;
  102. }
  103.  
  104. @keyframes fadeIn {
  105. to {
  106. opacity: 1;
  107. }
  108. }
  109.  
  110. -----------
  111.  
  112. #home_categories_archive li {
  113. opacity: 0;
  114. animation: fadeIn 1s forwards;
  115. }
  116.  
  117. #home_categories_archive li:nth-child(1) {
  118. animation-delay: 0ms;
  119. }
  120.  
  121. #home_categories_archive li:nth-child(2) {
  122. animation-delay: 50ms;
  123. }
  124.  
  125. #home_categories_archive li:nth-child(3) {
  126. animation-delay: 100ms;
  127. }
  128.  
  129. #home_categories_archive li:nth-child(4) {
  130. animation-delay: 150ms;
  131. }
  132.  
  133. @keyframes fadeIn {
  134. to {
  135. opacity: 1;
  136. }
  137. }
  138.  
  139.  
Advertisement
Add Comment
Please, Sign In to add comment