bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

animation pilliers

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-07-12 16:58:39 +02:00
parent 8a09d17df1
commit d314a77612
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -2082,7 +2082,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
}
#home article.node-type-static #paragraph-id--7 .colone-picto svg #pillier-1-path365 {
stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dasharray: 1000; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 5s;
@@ -2091,13 +2091,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 10s;
animation-delay: 8s;
}
#home article.node-type-static #paragraph-id--7 .colone-picto svg #pillier-3-path369 {
stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 15s;
animation-delay: 10s;
}
@keyframes fillAnimation1 {
from {

6
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@@ -576,7 +576,7 @@
}
}
#paragraph-id--7 .colone-picto svg #pillier-1-path365{
stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dasharray: 1000; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 5s;
@@ -586,13 +586,13 @@
stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 10s;
animation-delay: 8s;
}
#paragraph-id--7 .colone-picto svg #pillier-3-path369{
stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 15s;
animation-delay: 10s;
}