Files
Popsu-coloque/web/themes/custom/colloque2024/css/configs/animation.scss
T
2024-04-21 21:14:02 +02:00

47 lines
878 B
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;}
80%{opacity: 0;}
100% {opacity: 1;}
}
#path_circle_vert_clair_erable_2{
// animation: traceAppear 1s forwards;
}