Harvest — shape() and corner-shape() for this weeks #codepenchallenge! codepen.io/stoumann/pen...

Guitar Chords in CSS codepen.io/stoumann/pen... via @CodePen

Clocks! codepen.io/stoumann/pen...

Oh, cool — I’ve been waiting for this! Made this gradient-text component, and it works as expected in Chrome 133!

In Chrome 133, we finally get the attr()-update, making it super-easy to use attributes-as-types in CSS:

All work and no play ... Monday on a Thursday ... codepen.io/stoumann/pen...

Bing! You're Hypnotized — my entry for the spin'n'rotate challenge: codepen.io/stoumann/pen... via
@CodePen

I'm working on an article about offset; anchor, distance, path, position and rotate. As an example, I chose to re-create a subway map. I wrote a script — but it didn't quite go according to plan 🤣
Now, I have this funky tool to create weird subway-maps:
browser.style/art/subway-m...

Work-in-progress inspired by a post in a Math group on FB. Each tile has the same two arcs, but when you rotate the tiles 90, 180 and 270 degrees … browser.style/art/circle-g...

Had some fun creating The Ray last night — an optical illusion, where a single ray of color changes, depending on it’s surrounding colors (light and dark). Make your own here:
browser.style/art/the-ray/

My art-generator of the week is a circle of circles: browser.style/art/circle-o...

Really cool! I just built this pie chart with states in the center and distributions of votes in the outer ring — this opens up possibilities for really complex pie-charts in pure CSS.

Every time I open bsky, I’m back in 1985 — listening to A-ha, and the track “The Blue Sky” 😂

Made a new art generator, "Triangley", which is an homage to Bridget Riley's triangle art: browser.style/art/triangley/

I love Bauhaus posters, so I made an art generator, Das ist Bauhaus: browser.style/art/bauhaus/