Pure CSS & HTML Crazy Faces

Info

You can change each face style by hovering and clicking your mouse down.

See the other Crazy Face…

Description

This demonstration uses CSS borders, border radius and positioning amongst other standard CSS techniques. It is purely an experiment with no specific aim or use.

No images have been used.

Problems

It has been tested and works in Firefox 3.0+ and Safari 3.1+. The experiment breaks in IE and Opera but still looks cool (take a look to see what I mean). It also breaks in Chrome where I found black boxes around the shadows

Read more on my blog