/a-single-div

CSS drawings with only one HTML element.
  1. CSS 95.9%
  2. HTML 4.1%
CSS HTML

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP
Find file
Switch branches/tags
Nothing to show
Latest commit 43f0280 May 23, 2017 1 @lynnandtonic add birthday
Permalink
Failed to load latest commit information.
css add birthday May 23, 2017
templates
.gitignore added gitignore May 23, 2014
CNAME Create CNAME Jun 24, 2014
README.md add details about project Jun 28, 2016
favicon.ico updated favicon May 23, 2014
index.html

README.md

A Single Div

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 Jade 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!