Single div Sierpinski triangle

Y&#x27;know, I suspect certain groups of modernist painters would have a field day with CSS. De Stijl for instance would love it. There is something so elegant and fun about using a medium that forces you to use only circles, rectangles and a few select curves under a few simple transformations.<p>I was visiting a 20th century art gallery and was joking with my friends about which painters could be implemented in CSS (Yves Klein ofc). Maybe I should go ahead and do it. There&#x27;s a few Mondrians that&#x27;d be fairly easy.

I have made a funny Sierpinski carpet clicker recently, it&#x27;s only 30 lines of code in react and unfortunately not one div, but it&#x27;s still quite performant (safe to open, even on low-tier phones)<p><a href="https:&#x2F;&#x2F;recursivebuttons.mcalus.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;recursivebuttons.mcalus.dev&#x2F;</a><p>i love all kinds of fractal generative art :)

Beautiful. I love that it looks like it’s all being built on its side but then he skews it back and it’s really just been there the whole time, leaning over so you don’t notice the structure.

&gt;Chrome can render as many triangles as possible but Safari and Firefox don&#x27;t work well as the triangle is getting smaller.<p>Web is awesome, and browsers are the most advanced tech! But it seems to be hard to draw flipping triangles at fixed coordinates. Maybe that could be fixed with e.g. a special planar geometry library that makes precise calculations. Like 500x3.125%==15.625 and not 27.

This is awesome!