Skip to content
基于单个 Div 的 CSS 绘图
CSS
Branch: gh-pages
Clone or download
Pull request Compare This branch is 6 commits ahead, 111 commits behind lynnandtonic:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
templates
.gitignore
CNAME
README.md
favicon.ico
index.html

README.md

基于单个 Div 的 CSS3 绘图

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!

You can’t perform that action at this time.