Yuan Chuan avatar Yuan Chuan

Generative Art With CSS

Screenshot of “Generative Art With CSS”

Yuan Chuan creates art from everything available in CSS, created < css-doodle /> (a web component for drawing patterns with CSS), and gave a talk at the 5th CSS Conference in Shenzhen on March 30, 2019.

Here is the video recording (also on the conference website):

Yuan Chuan presents in Chinese, but the slides and even some live coding are already awesome and self-describing.

Unfortunately, some features are not yet available in some browsers, so to really enjoy the presentation, you must use Google Chrome Canary, the version for developers.

If you want to deep dive in the code, the source of the presentation is on GitHub.

You can also find some of Yuan Chuan's experiments on CodePen.