diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index f0c5de5..48a6e64 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -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 { diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss index 995c28a..c240a95 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss @@ -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; }