wacky css fun
“More “wow,” please
Speaking of getting carried away, the next time your client or boss says, “this design needs more ‘wow’” or “it’s missing some pizzazz!” just add the following declaration to your stylesheet (and make sure they’re using Safari, Chrome, Firefox, or Opera, of course):
*:hover {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
This little bit of CSS3 says, “hover over anything on “the page, and rotate it 180 degrees.”
Try it. It’s a sure-fire way to make a big impression.”
Excerpt From: Dan Cederholm. “CSS3 for Web Designers.” iBooks.