This morning I got inspired by a tweet from my colleague Greg Rewis, which linked to this post. It is a an image entirely created with CSS3 transformations.
Very cool, I thought to myself. How about doing an illustration myself. I mean, we have the ideal tool for that, and it's called Adobe Edge Preview which is available on Labs. Admittedly, Edge is a web motion and interaction tool that uses web standards like HTML5, CSS3 and JavaScript. But it allowed me to do these illustrations:
It's pretty cool to see what can be done just with a few reactangles, rounded corners, transparencies, and transformations.
Check out the HTML result here.
Addendum: some people have been asking about the original Edge file, here it is.
