We are making April 1st prank in our office, and wanted to flip our corporate website upside down for several hours tomorrow :)
My patch works everywhere but not in IE..
A slightly simpler version for IE (no matrix stuff):
body {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
EDIT: This doesn't work.
Try
body {
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1, M12=-1.2246063538223773e-16, M21=1.2246063538223773e-16, M22=-1, sizingMethod='auto expand');
zoom: 1;
}
Demo: http://static.arounds.org/moz.html
Generated with: http://css3please.com/
Your CSS is specific to webkit and firefox.
You will need to use -ms-transform in IE9, otherwise check out this link for other versions of IE
Try this: http://msdn.microsoft.com/en-us/library/ms533014(VS.85,loband).aspx