.hiw-path path { stroke-dasharray: 1000; /* longueur totale approximative du chemin */ stroke-dashoffset: 1000; animation: drawLine 2s forwards; } @keyframes drawLine { to { stroke-dashoffset: 0; } } .hiw-path path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: drawLine 2s forwards; animation-play-state: paused; /* démarre au scroll */ }