Skip to content

🎨 CSS drawings with only one HTML element.

Notifications You must be signed in to change notification settings

hfa0/a-single-div

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A Single Div

Build

npm i
npm start

Whuut

This is a fun, little project to see how much can be accomplished with CSS. Every drawing consists of a single HTML element (in this case, the beloved div).

But, but!

Yes, this isn't super practical.

Yes, SVG is an easier and better medium for illustrations.

Yes, browser support is not broad.

Yes, it is super fun to do this anyway. ;)

Project Details

This project uses a combination of Pug for templating and Stylus for CSS preprocessing.

Sharing

Copy paste as much as you'd like, edit it, experiment. If you reuse a significant portion of CSS or full drawings, credit would be appreciated! Thanks!

Contributions

I'm currently not taking any outside contributions. I encourage you to share your single divs on codepen.io or your own site! Tweet at me if you do!

About

🎨 CSS drawings with only one HTML element.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Stylus 98.1%
  • Pug 1.5%
  • JavaScript 0.4%