Session 2: CSS Art

⚠️ This wiki has moved to GitBook ⚠️

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