[css-syntax][css-shapes] Repeating segments in `shape()` (and perhaps as a generic thing?)

[noamr]

There have been requests from the community to allow "repeating" values multiple times.
I've encountered it for example when wanting to draw a zig-zag shape with the shape() function and repeating a lot of line by.
Other use cases might include shadows, background, gradients...

See https://bsky.app/profile/wesbos.com/post/3mknlplcdrs2v

[JaneOri]

repeat() for all parallel array property sets, especially animation-* and background-* , has been a wishlist item for me for a long time

+1

[wesbos]

Ideally I'd be able to use this with calc, container queries, round etc.. so I could Figure out exactly how many sawtooths and the width of each.

[noamr]

btw there's probably already an issue for this kind of generic feature but I couldn't find it. Nonetheless I'd love to solve it at least for shape().

[JaneOri]

Solved with custom functions up to 255 repeats:
https://codepen.io/propjockey/pen/XJNWYqQ??editors=0100