A couple of months back when people reached beyond CSS3 heights. I started wondering that is there any limit to CSS3? New CSS techniques are opening several ways which were wasn’t possible without JavaScript.

Below is an example of how CSS3 can be effective in reducing your work, it’s not just limited to creating rounded corners and box-shadows you can do beyond that. So I tried to play and came with this:

Check out this Pen!

These techniques are great, I’d love to reduce the use of images and JavaScript at any cost. This isn’t the limit, few months earlier I also created smileys using CSS only.

Give it a try and let me know what you came up with in the comments.