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

animation pilliers

This commit is contained in:
ouidade 2024-07-12 16:58:39 +02:00
parent 8a09d17df1
commit d314a77612
2 changed files with 6 additions and 6 deletions
Show Stats 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 { #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 */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */ animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 5s; 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-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */ 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 { #home article.node-type-static #paragraph-id--7 .colone-picto svg #pillier-3-path369 {
stroke-dasharray: 0; /* Longueur totale du chemin */ stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */ animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 15s; animation-delay: 10s;
} }
@keyframes fillAnimation1 { @keyframes fillAnimation1 {
from { 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{ #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 */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */ animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 5s; animation-delay: 5s;
@ -586,13 +586,13 @@
stroke-dasharray: 0; /* Longueur totale du chemin */ stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */ 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{ #paragraph-id--7 .colone-picto svg #pillier-3-path369{
stroke-dasharray: 0; /* Longueur totale du chemin */ stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */ stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */ animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 15s; animation-delay: 10s;
} }