#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.

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

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.

Effects tagged #stroke-dasharray