animation.scss 877 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. @keyframes pulse {
  2. 0% {transform: scale(0);}
  3. 100% {transform: scale(.5);}
  4. }
  5. @keyframes slidein {
  6. from {transform: translateX(0%);}
  7. to {transform: translateX(100%);}
  8. }
  9. @keyframes dropDown {
  10. from {transform: translateY(0%);}
  11. to {transform: translateY(100%);}
  12. }
  13. @keyframes translateAnimation {
  14. 0% {transform: translateX(0); /* Start translation */}
  15. 50% {transform: translateX(200);}
  16. 100% {transform: translateX(500px); /* End translation */}
  17. }
  18. @keyframes changeColor {
  19. 0% {fill: #b9ce00; /* Initial fill color */}
  20. 100% {fill: #ff804d; /* Final fill color */}
  21. }
  22. @keyframes changeColor2 {
  23. 0% {fill: #038788; /* Initial fill color */}
  24. 100% {fill: #349a84; /* Final fill color */}
  25. }
  26. @keyframes traceAppear {
  27. 0% {opacity: 0;}
  28. 80%{opacity: 0;}
  29. 100% {opacity: 1;}
  30. }
  31. #path_circle_vert_clair_erable_2{
  32. // animation: traceAppear 1s forwards;
  33. }