Saw this on a skateboard, had to make it in CSS.
background: repeating-linear-gradient(
to bottom,
#000 0px var(--_stripe-size),
#fff var(--_stripe-size) var(--_stripe-gap)
);
Ended up not just being gradient text, but a repeating gradient text effect 🤓
Fun: CSS can repeat a repeating gradient
not just gradient text, #CSS repeating gradient text nerdy.dev/repeating-li...Adam Argyle
`to bottom` is the default, not needed. First position can be just `0` for both stops. This produces the same result: repeating-linear-gradient(black 0 10px, white 0 20px) For `60deg`, you get jagged edges. The `1px` fix bsky.app/profile/anat... works through.Ana Tudor
It's interesting that as I scroll this on mobile, it also appears to animate though it's either an optical illusion or an artifact of the display trying to keep upSia Karamalegos
def some sub pixel tricks goin onAdam Argyle
excellent tips!
You’re a wizard!!!Jon Ellwood
Trippy! Now make it do this: www.youtube.com/watch?v=RNhi... ????Fjonan
Crawl the CSS Webring‽