narendrashetty / a-single-div

CSS drawings with only one HTML element:

Home Page:http://a.singlediv.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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, but definitely not necessary! Thanks!

About

CSS drawings with only one HTML element:

http://a.singlediv.com


Languages

Language:CSS 95.1%Language:HTML 4.9%