| 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>