टेक्स्ट को मिरर करने के लिए सीएसएस का उपयोग करना

क्या सीएसएस का उपयोग करके टेक्स्ट को मिरर किया हुआ या फ़्लिप किया हुआ दिखाने के लिए हेरफेर करना संभव है? उदाहरण के लिए, हम कैंची अक्षर "✂" को दाईं ओर के बजाय बाईं ओर प्रदर्शित करना चाह सकते हैं। यह प्रभाव। टेक्स्ट को क्षैतिज रूप से फ़्लिप करने के लिए, तत्व को x-अक्ष पर नकारात्मक रूप से स्केल करें:

``-moz-transform:scale(-1, 1);-webkit-transform:scale(- 1, 1);

-एमएस-ट्रांसफॉर्म: स्केल(-1, 1);

``

टेक्स्ट को लंबवत रूप से फ़्लिप करने के लिए, तत्व को y-अक्ष पर नकारात्मक रूप से स्केल करें:

``
-moz-transform: स्केल(1, -1);
-वेबकिट-ट्रांसफॉर्म: स्केल(1, -1);

-एमएस-ट्रांसफॉर्म: स्केल(1, -1);

``


प्रदर्शन


यहां बताया गया है कि व्यवहार में इन परिवर्तनों का उपयोग कैसे करें:

span{ डिस्प्ले: इनलाइन-ब्लॉक; मार्जिन:1em; } .flip_H{ परिवर्तन: स्केल(-1, 1); रंग:लाल; } .flip_V{ परिवर्तन: स्केल(1, -1); हरा रंग करें; }

डेमो टेक्स्ट ✂ डेमो टेक्स्ट ✂

तत्वों में संबंधित वर्ग .flip_H या .flip_V जोड़कर, आप आसानी से टेक्स्ट को क्षैतिज या लंबवत रूप से फ़्लिप कर सकते हैं।