Post

💡CSS Tip! Creating CSS Shapes is one of my favorite tasks, and now I can do something even better: Random CSS Shapes! Let's start with Blobs. css-tip.com/random-blob/ You never see the same shape twice. A unique shape for a unique experience! 👀

CSS by T. Afif

@css-only.dev

I thought random() will be enabled by default with the today release of Chrome (the V154) but I was wrong 😑 It's for the next version in two weeks (the V155). You can always enable the experimental flag to see the demo (or use Firefox Nightly as well)

22/9/26, 8:48 pm0 reposts0 likes

Ana Tudor

@anatudor.bsky.social

22 Sept

What about using a @function for the xi, yi values?

CSS by T. Afif

@css-only.dev

22 Sept

I have the "--i" part of the random that needs to be different for each [x,y] and I cannot generate that inside a function Once we get ident() drafts.csswg.org/css-values-5... it would be more practical and I can do ident("--" var(--i))