A web page essentially is a canvas for the developers to play around with. If you are unfamiliar with the marvels of CSS, you want to browse through our list of 18 Amazing Feats of CSS. Developers around the world have been very creative with CSS and have given us prime examples of what CSS is capable off. Even I was blown away whilst compiling the list. Take a seat and browse through this list and let us know what you think in the comments below. What are some of your amazing feats using CSS? Enjoy the read.
These characters from the popular TV Show, Simpsons, were created using only CSS. It was done by Chris Pattle. He even animated the eyes in order to make them seem more realistic. All was accomplished via CSS.
WE are sure you are familiar with the minions. They are the new craze and are found everywhere ranging from tee shirts to tea cups. One fine gentlemen took the liberty to design a minion using nothing but CSS. The minions also blink and wave at you in a friendly manner.
This is one of the more amazing example of text-shadow using CSS. The broken neon effect has been achieved by implementing text-shadow. That is one of the attributes of CSS and a very basic one at the too.
At first glance, this may seem like a simple block of cheese. Hugo Giraduel create this 3D block of cheese using nothing but CSS.
This is another fine piece of work by Hugo Giraudel. This is an 8-bit character – we are sure you can tell. The character was made using only one element and the entirety of design process was carried out using CSS.
This Viking Shield was create by LukyVj. The work on this amazing shield is so fascinating that it is almost similar to what an actual graphic designer would come up with. The details are intricate and very well done.
One of the major use of CSS is designing menus, and this is one of the more excellent examples o a fine looking menu we came across. This menu has a colored slider. The slider also colors the active menu icon as soon as the mouse is rolled over it. Play with the menu to feel the fluidity it offers.
These are some random creatures generated using nothing but CSS. They smile, laugh and even carry a dumb emotionless expression. Play around with their color, teeth, moustache, eyes or even mouths. It is quite fun, especially if you consider the fact that they were created using only CSS.
This is an interesting creation. This is not just a long cat. It is a responsive long cat, so to speak. Designed entirely using CSS, this cat stretches and compresses with your browser. Go head test it out, it is quite hilarious.
Coke is by far the most popular beverage around so people tend to play with it quite often. This is a fun little can which rolls around with the movement of your mouse, and yes, it was created using CSS.
If you are into animations, you would know how difficult even the simplest of animations is. This grid animations was worked completely via CSS and it is exceptionally brilliant.
This toggle button was inspired by iOS7, as I am sure you can tell. It was created by Dan Eden using nothing but CSS. Go ahead and use it. Check out how absolutely similar it is to one you will find on your iOS 7 devices.
This is an animated checkmark button as the title says. Sascha Michael Trinkaus created this button. It looks absolutely beautiful. You might want to click it and see the magic.
Here is another minion designed using nothing but CSS. It looks more like a drawing however.
This is another animation. Go ahead and take a look at how smooth the transitions are.
CSSMuse was able to use CSS and create a shape masking tool. You can mask in the shape of a circle, pentagon or hexagon on any image whatsoever. Moreover, you can even resize the shape to your needs.
Finally, we have this loaders kit. You may have seen plenty of loaders which were created using nothing but CSS, but we found this one to be rather attractive, especially if you are looking to reduce the load on your bandwidth. This one is light and quite gorgeous honestly.