18 Brilliant Pure CSS Drawings

18 Brilliant Pure CSS Drawings

18 Brilliant Pure CSS Drawings


CSS3 has defnitely revolutionized web development industry. Even though not all the browsers supports all the features fully, it doesn't stop all the creative people to showing off what it can do and what they can do with it. So, here, I have carefully chosen 18 pure and high standard CSS drawing that look amazingly great. Some of them are even made with CSS1/2 only!

If some of the examples look funny in your browser, please use latest version of Safari or Chrome for the best result.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love


Tue, 6th July 2010
Love the whale! :D Reply
Tue, 6th July 2010
really awesome !!! Reply
Arshad Cini
Tue, 6th July 2010
Amazing drawings

thanks Kevin Reply
Wed, 7th July 2010
Very nice compilation!

The Opera logo in IE 6, 7, 8 is awesome! hahaha Reply
Fri, 9th July 2010
Fri, 9th July 2010
Thanks guys :) This site is giving me more traffic than google right now hehe. Reply
Sat, 10th July 2010
omg.. css3 realy awesome. Reply
Chicago Web Design
Sun, 11th July 2010
These are Fantastic! I like the Homer one. It seems like most of them are vector art. Thanks again Queness ~Matt. Reply
Sat, 17th July 2010
Very nice collection. Nice to have it. Thanks for sharing. Reply
Elias Graphic Designer
Wed, 29th September 2010
I have to agree with you, these are brilliant! And am really scratching my head as to how these were created. This is pure talent and geekness! Reply
Thu, 28th October 2010
the opera logo was awesome... Reply
Wed, 11th January 2012
I just use pure css drew an angrybird.http://www.tortorse.com/archives/381 Reply
Thu, 19th December 2013
Hello! I would like to invite you to know the compass I made using only html5 and css3. For those interested, this is the link - https://developer.mozilla.org/pt-BR/demos/detail/a-bussola Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!