استخدام CSS لعكس النص

هل من الممكن معالجة النص باستخدام CSS لجعله يبدو معكوسًا أو معكوسًا؟ على سبيل المثال، قد نرغب في عرض حرف المقص "✂" باتجاه اليسار بدلاً من اليمين.

تحويلات CSS إلى الإنقاذ

تجعل تحويلات CSS من الممكن تحقيقها هذا التأثير. لقلب النص أفقيًا، قم بقياس العنصر سالبًا على المحور السيني:

``
-moz-transform:scale(-1, 1);
-webkit-transform:scale(- 1, 1);
-o-تحويل: مقياس(-1, 1);
-ms-تحويل: مقياس(-1, 1);
تحويل: مقياس(-1, 1);
``

لقلب النص عموديًا، قم بقياس العنصر سالبًا على المحور الصادي:

``
-moz-transform:scale(1, -1);
-تحويل webkit: مقياس (1، -1)؛
-o-تحويل: مقياس (1، -1)؛
-ms-تحويل: مقياس (1، -1)؛
]transform:scale(1, -1);
``

شرح

span{ display: inline-block; margin:1em; } 
.flip_H{ transform: scale(-1, 1); color:red; }
.flip_V{ transform: scale(1, -1); color:green; }

Demo text ✂
Demo text ✂