#stroke-dasharray CSS effects

5 free, pure-CSS effects match the "stroke-dasharray" tag. Each is copy-ready and needs no library or build step.

An SVG stroke writes the monogram and then underlines it before restarting the loop.

An SVG dash segment travels around the avatar as a continuously drawn contour.

A hairline outer arc carries the value while a dotted inner ring keeps turning for state.

An arc built spiral winds outward through a stroke dash offset instead of running along a bar.

A jagged discharge path where the charged section is stroked bright and keeps sparking unevenly.

Popular tags