Show threadAna Tudor 🐯Nov 28, 2023

Here's an animated illustration of how increasing the `stroke-width` in DevTools turns a dashed line into a stripe pattern.

#svg #stripes #svgPattern #pattern #coding #frontend #webDev #webDevelopment

Ana Tudor 🐯Nov 28, 2023

#tinySVGtip Been using this forever, but don't think I've ever shared it here.

Easily create stripes along any direction in SVG!

✹ draw a line along that direction
✹ make it dashed
✹ make it much thicker
✹ no, not like that... I really mean much thicker!

That's it! đŸ„łđŸŽ‰

Here it is, illustrated with #code on #CodePen: https://codepen.io/thebabydino/full/MWLBzpa

#svg #stripes #svgPattern #pattern #coding #frontend #webDev #webDevelopment

Simple stripes in SVG

...