Generative Art with CSS (2019) (generative-art-with-css.commons.host)

no fiddle :/ ?

Codepen Links for the curious:

https://codepen.io/yuanchuan/pen/ZqbVVL

https://codepen.io/yuanchuan/pen/wZJqNK

https://codepen.io/yuanchuan/pen/Lwyjxd

https://codepen.io/yuanchuan/pen/YoqWeR

This is super neat and appealing. Thank you for sharing!

Another awesome generative art web component, inspired by <css-doodle> is <shader-doodle>: https://github.com/halvves/shader-doodle

It's basically a ShaderToy that you can easily drop on a page. Some examples here: https://shader-doodle-overview.glitch.me/

I love articles like this! This reminds me of an article from back in the day on using multiple backgrounds to create a non-repeating infinite tiling image. It used varying ratios to make it possible to use a specific set of sprites to create variance. Sadly, can't find it anymore. It was about 15 years ago in the A List Apart heyday.

Gorgeous, thank you. To me this is generative art for people who don’t like generative art. Most generative art doesn’t strike me as beautiful, but many of these creations do. It’s also a good way to learn CSS graphics painlessly.

This is insane! Amazing work