kevin/Popsu-coloque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fond

Browse Source
This commit is contained in:
ouidade
2024-04-16 21:32:42 +02:00
parent 82076eabb0
commit e16cdef3ba
17 changed files with 467 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/colloque2024/css/configs/animation.scss
+107
View File
@@ -0,0 +1,107 @@
@keyframes animateCircle_pop_trans {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_pop_trans-2 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_clair_erable {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_clair_erable-93 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_clair_erable-9 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_clair_erable-3 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_clair_erable-3-1 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_clair_erable-3-1-7 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_erable {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_erable-4 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_erable-4-6 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_erable-4-3 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_erable-2 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_orange-6 {
0% {
transform: translateX(0); /* Start translation */
}
100% {
transform: translateX(50px); /* End translation */
}
}
@keyframes animateCircle_orange-7 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_orange-2 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_orange-9 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_orange {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
/* Add more keyframes for other paths as needed */
#circle_pop_trans {
animation: animatePath1 2s infinite alternate; /* Animate stroke color */
}
#circle_orange-6 {
animation: animateCircle_orange-6 2s infinite alternate; /* Animate fill color */
}
/* Apply animations to other paths similarly */
web/themes/custom/colloque2024/css/configs/global.scss
+1 -1
View File
@@ -2,7 +2,7 @@ body,html{
font-size: 16px;
font-family: 'Marianne', "sans-serif";
line-height: 1.2;
background: $fond;
// background: $fond;
.is-active{
overflow: hidden;
}
web/themes/custom/colloque2024/css/configs/var.scss
+1 -1
View File
@@ -4,7 +4,7 @@ $color2024: rgb(3,135,136);
$col_black: black;
$color_orange: rgb(255, 128, 77);
$lightgrey: #6f6d7dff;
$fond: white;
// $fond: url("../../images/test_animation.svg");
$underline:#d2d2ebff;
$gutter: 0.5rem;