🔳Session 2: CSS Art

February

CSS (Cascading Style Sheets) style the web. But in addition to adorning websites, did you know that pure CSS can be used to create art?

Examples:

• UrbanDecay Naked Palette by Anna Lytical

• Dutch Baroque Paining in CSS

• Ikko Tanaka

• Responsive CSS Grid Books

⭐️ Tonight's goal: Make CSS art on CodePen

We recommend using https://codepen.io/ for fast development, but you are also welcome to use an environment of your choice.

Recommended Tutorial 🔰

A Beginner's Guide to Pure CSS Images

Additional Resources

CSS basics

• https://www.w3schools.com/css/

• https://developer.mozilla.org/en-US/docs/Web/CSS

CSS Art

• How I make CSS Art

• Drawing with Code

• Video on How to Create CSS Art

Shapes

• How to draw circles, triangles, and more with basic CSS

• https://css-tricks.com/the-shapes-of-css/

Guide to colors 🎨

Resources / Colors

Member Showcase

• https://codepen.io/nnppc/pen/XWzqPPQ Doraemon

• https://codepen.io/ania-nakayama/pen/VwrxGjZ Cat

• https://codepen.io/catbacon/pen/PoOpaVx Kintaro wrestling a Carp by Kuniyoshi