10 unbelievable Awesome Things made with CSS

Viking Shield

Hmm.. Here is the first one The Viking Shield created by LukyVj. When I see it I can not judge rightly weather it is an graphic or made with CSS. Just an awesome work. Very good work done by KukyVj.

Rolling Coke Can

Here's the second one The Rolling Can. What is interesting in it??. The interesting one in this is that when you scroll from left to right the can will also start spin and it looks as you are spinning or rotating a can. And all this awesome effect created with just and only with CSS. Just an awesome effect...

CSS Creatures

Here Comes the Next one The CSS Creatures created by BennetFeely. There are some creatures created with CSS they are laughing, carrying different emotions. You can play around with them. The fun thing is that you can also create your own CSS creature.
CSS Creatures

8-Bit Single Element CSS Character

Here's another one The 8th Bit CSS character created with just Single Element. Just an awesome work by Hugo Giraudel.
8-Bit Single Element CSS Character

Cheese...Mmmm..

Here comes another awesome work of Hugo Giraudel. He created this 3D piece of Cheese with CSS. The cheese really looks like a original one. After seeing this I feeling hungry... want to eat this :P
cheese made with css
Again another awesome work made with CSS The Broken Neon Signs. This has been created using text shadow property and amazingly achieve the broken neon signs effect. When you hover over it some letters of it will start blinking. The letters are C of css3, N of neon and I of signs.
Broken Neon Signs

Fluid Menu with Transparent Icons

Again another awesome work built with CSS The Fluid Menu With Transparent Icons. This is a menu with a yellow like color slider on it. The slider will move on your mouse hover. The Slider will puts the menu Icon in color when you hover mouse over it. Just an awesome that how a fluidly it moves across the menu.
Fluid Menu with Transparent Icons

Long Cat

Here's the amazing animation made with CSS of a Cat.  You can play around with cat by just resizing your browser's window. Here's another amazing game, simply make your browser size smaller to its end point. The cant will also stretched to small size. Now here's the fun thing, double click on the top of browser where the tabs exist and your size your browser will automatically become full sized. Now see what happen with cat.
After seeing and playing with cat it is very hard to believe that it all done with only and only CSS.
long cat with CSS

Digital Stop Watch

Here's one more The Digital Stop Watch. The whole watch is created with just CSS and no jquery or javascript is used for even for logic display. One more thing that there is no image is used in whole watch except the wooden background. Press the start button and the watch will start counting time. To stop or reset press stop or reset buttons respectively.
digital stop watch with css

Animated Check Mark Button

And here's the last one Animated Check Mark Button created by Sascha Michael Trinkaus. The check mark button surrounds with the gradient color effect. The amazing effects will start running when you hover on the check mark. To make the effect continually running click on the check mark button.
animated check mark button with css

No comments:

Post a Comment