Popsu-coloque/web/themes/custom/colloque2024/css/configs/animation.scss

@keyframes pulse {
  0% {transform: scale(0);}
  100% {transform: scale(.5);}
}


@keyframes slidein {
  from {transform: translateX(0%);}
  to {transform: translateX(100%);}
}

@keyframes dropDown {
  from {transform: translateY(0%);}
  to {transform: translateY(100%);}
}

@keyframes translateAnimation {
  0% {transform: translateX(0); /* Start translation */}
  50% {transform: translateX(200);}
  100% {transform: translateX(500px); /* End translation */}
}

@keyframes changeColor {
  0% {fill: #b9ce00; /* Initial fill color */}
  100% {fill: #ff804d; /* Final fill color */}
}

@keyframes changeColor2 {
  0% {fill: #038788; /* Initial fill color */}
  100% {fill: #349a84; /* Final fill color */}
}


@keyframes traceAppear {
  0% {opacity: 0;}
  70%{opacity: 0;}
  100% {opacity: 1;}
}
#path_circle_vert_clair_erable_2{
  animation: traceAppear 2.5s forwards;
}