W3schools'a göre:
http://www.w3schools.com/cssref/css3_pr_transform.asp
Transform özelliği Internet Explorer 10, Firefox ve Opera'da desteklenir. Internet Explorer 9 alternatif bir -ms-transform özelliğini destekler (yalnızca 2B dönüştürmeler). Safari ve Chrome, alternatif bir -webkit-transform özelliğini (3D ve 2D dönüşümleri) destekler. Opera yalnızca 2B dönüştürmeleri destekler.
Bu bir 2D dönüşümdür, bu nedenle Chrome, Firefox, Opera, Safari ve IE9 + üzerinde satıcı önekleriyle çalışmalıdır.
Kullanılan diğer cevaplar: iç içeriği çevirmesini durdurmak için önce. Bunu altbilgimde kullandım (görüntüyü üstbilgimden dikey olarak yansıtmak için):
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);
}
Böylece elementi çevirir ve sonra tüm çocuklarını tekrar çevirirsiniz. İç içe elemanlarla da çalışır.