لعكس الصورة أفقيًا (كالمرآة) نستخدم:
img.flip {
transform: scaleX(-1);
}scaleX(-1) يقلب العنصر على المحور الأفقي، فيصبح اليمين يسارًا.
عمليات قريبة
transform: scaleY(-1); /* upside down */
transform: scale(-1, -1); /* both */أما scaleX(1) فلا يغيّر شيئًا، لأنها الحالة الطبيعية.
استخدام عملي في المواقع العربية
عكس أيقونات الأسهم في الصفحات العربية:
[dir="rtl"] .icon-arrow {
transform: scaleX(-1);
}