The CSS Propertie stroke-dashoffset

מאפיין stroke-dashoffset קובע את נקודת ההתחלה בתוך דפוס ה-dash array. שימושי לאנימציה של ציור קווים (כמו SVG stroke animations). ערך ההתחלה הוא 0.

path { stroke-dashoffset: 50; }

.animated { stroke-dasharray: 200; stroke-dashoffset: 200; animation: draw 2s forwards; } @keyframes draw { to { stroke-dashoffset: 0; } }

פחות:-9999 יותר:9999 צעד:1

יחידות:px | % | em | rem

CSS Fill and Stroke Module Level 3

Editor's Draft

<length-percentage>

Show all code