De acordo com a w3schools:
http://www.w3schools.com/cssref/css3_pr_transform.asp
A propriedade de transformação é suportada no Internet Explorer 10, Firefox e Opera. O Internet Explorer 9 oferece suporte a uma propriedade alternativa, -ms-transform (somente transformações em 2D). O Safari e o Chrome oferecem suporte a uma propriedade alternativa, -webkit-transform (transformações 3D e 2D). O Opera suporta apenas transformações 2D.
Como é uma transformação 2D, deve funcionar com os prefixos do fornecedor no Chrome, Firefox, Opera, Safari e IE9 +.
Outras respostas usadas: antes de impedir que ele inverta o conteúdo interno. Usei isso no rodapé (para espelhar verticalmente a imagem do meu cabeçalho):
HTML:
<footer>
<p><a href="page">Footer Link</a></p>
<p>© 2014 Company</p>
</footer>
CSS:
footer {
background:url(/img/headerbg.png) repeat-x 0 0;
/* flip background vertically */
-webkit-transform:scaleY(-1);
-moz-transform:scaleY(-1);
-ms-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
}
/* undo the vertical flip for all child elements */
footer * {
-webkit-transform:scaleY(-1);
-moz-transform:scaleY(-1);
-ms-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
}
Então você acaba invertendo o elemento e depois invertendo todos os seus filhos. Também trabalha com elementos aninhados.