Rotate Reverse Mirror
Rotate Reverse Mirror

The code below produces this table for Firefox, IE, and Safari.

I learned this reading here, here, here, and here.


<style>
	table   {font-family:arial; font-size:16pt; font-weight:normal;}
	.rotate {
	    -moz-transform: rotate(-180deg);
	    -webkit-transform: rotate(-180deg);
	    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
	}

	.reverse {
		-moz-transform: scale(-1, 1);
	    -webkit-transform: scale(-1, 1);
	    filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1)
	}

	.mirror {
	    -moz-transform:  scale(-1, 1) rotate(180deg);
	    -webkit-transform:  scale(-1, 1) rotate(180deg);
	    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)
	}
</style>

<table cellpadding=3 cellspacing=1 bgcolor=black>
	<tr>
		<td bgcolor=white>Rotate</td>
		<td bgcolor=white>Reverse</td>
		<td bgcolor=white>Mirror</td>
	</tr>
	<tr>
		<td class=rotate bgcolor=white>Rotate</td>
		<td class=reverse bgcolor=white>Reverse</td>
		<td class=mirror bgcolor=white>Mirror</td>
	</tr>
</table>