De acuerdo con w3schools:
http://www.w3schools.com/cssref/css3_pr_transform.asp
La propiedad de transformación es compatible con Internet Explorer 10, Firefox y Opera. Internet Explorer 9 admite una propiedad alternativa, -ms-transform (solo transformaciones 2D). Safari y Chrome admiten una alternativa, la propiedad -webkit-transform (transformaciones 3D y 2D). Opera solo admite transformaciones 2D.
Esta es una transformación 2D, por lo que debería funcionar, con los prefijos del proveedor, en Chrome, Firefox, Opera, Safari e IE9 +.
Otras respuestas utilizadas: antes de evitar que voltee el contenido interno. Usé esto en mi pie de página (para reflejar verticalmente la imagen de mi encabezado):
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);
}
Entonces terminas volteando el elemento y volviendo a voltear todos sus elementos secundarios. También funciona con elementos anidados.