Learn and Discover what you can do with CSS with our list of 10 Cool Things Built with CSS.

Broken Neon Sign

Broken Neon Sign

A really cool example of text-shadow implementation to achieve the broken neon signage effect just by using purely CSS.

The Simpsons

The Simpsons

Believe it or not, Chris Pattle created the members of the Simpsons using only CSS. He took each character’s face, broke it up into smaller shapes then pieced them back together. To bring life into the character, he animated the eyes.

Minions

Minions

The Minion craze courtesy of the movie “Despicable Me”, AmrZakaria created Minions using pure CSS and no other, complete with a friendly wave and blinking eyes for more realistic approach.

Cheese

Cheese

A simple block of cheese created by Hugo Giraduel, what makes it special is, it is a 3D block of cheese just using CSS.

Single Element CSS Character

Single Element CSS Character

Another work of Hugo Giraduel, he made an 8-bit character using only one element, simple yet fantastic

Viking Shield

Viking Shield

The Viking Shield created by LukyVj. It’s so well done that you might even think that it was made of an editor or something, but believe it or not, it’s made from pure CSS and no other.

Fluid Menu

Fluid Menu

A unique see-through menu with a colored slider that puts an active menu in color when you hover your mouse above. Play with the slider and be awed with its fluid movement as it glides across the menu. Purely made with CSS.

CSS Creatures

CSS Creatures

Enjoys this cute little creatures made entirely with CSS. Play around with the teeth, moustache, color, eyes and mouths. Create one now.

Long Cat

Long Cat

Stretch this cat made with CSS as it adjusts its body according to your browser window. Play with it and see what it can do.

Coke Can

Coke Can

An awesome demonstration of what can pure CSS can do. Slowly scroll left or right and watch the can of coke rotate with such smooth motion.