This is a heavily interactive web application, and JavaScript is required. Simple HTML interfaces are possible, but that is not what this is.
Post
CSS by T. Afif
css-only.dev
did:plc:kzbz4qsltwkq3baxgue7ju4k
It's not only about the notation but also about the fact that you can update the X Y on the fly. We always wanted to be able to control :nth-child() using variables, etc but it's not possible.
The only way is to simulate them with calculation. Another example 👇
https://css-tip.com/nth-child/
2025-10-02T11:11:42.954Z