मुखपृष्ठ > प्रोग्रामिंग > मैं CSS परिवर्तनों का उपयोग करके क्षैतिज और लंबवत रूप से पाठ को कैसे फ्लिप कर सकता हूं?
मैं CSS परिवर्तनों का उपयोग करके क्षैतिज और लंबवत रूप से पाठ को कैसे फ्लिप कर सकता हूं?
2025-02-03 पर प्रकाशित
ब्राउज़ करें:475
] एक सामान्य परिवर्तन मिररिंग है, जिसे फ़्लिपिंग के रूप में भी जाना जाता है। यह प्रभाव एक साधारण सीएसएस संपत्ति का उपयोग करके प्राप्त किया जा सकता है।
पाठ को क्षैतिज रूप से फ्लिप करने के लिए (इसे ऊर्ध्वाधर अक्ष में दर्पण), निम्न CSS संपत्ति का उपयोग करें:
-moz-transform: स्केल (-1, 1);
-WebKit-Transform: स्केल (-1, 1);
-o-transform: स्केल (-1, 1);-ms-tansform: स्केल ( -1, 1);
रूपांतरण: स्केल (-1, 1); &&& &] इसी तरह, पाठ को लंबवत रूप से फ्लिप करने के लिए (इसे क्षैतिज अक्ष के पार दर्पण), इस संपत्ति का उपयोग करें:
-moz-transform: स्केल (1, -1); : स्केल (1, -1); -1); ]
निम्नलिखित HTML कोड पर विचार करें, जो कुछ पाठ और एक कैंची चरित्र प्रदर्शित करता है:
डेमो टेक्स्ट/
नीचे CSS कोड इसी स्पैन के लिए क्षैतिज और ऊर्ध्वाधर फ़्लिपिंग प्रभाव लागू करता है:
-अवरोध पैदा करना; मार्जिन: 1EM; }
। flip_h {रूपांतरण: स्केल (-1, 1); रंग: लाल; }
। flip_v {रूपांतरण: स्केल (1, -1); हरा रंग करें; …
नवीनतम ट्यूटोरियल
अधिक>
-
जावा जेनेरिक सरणियों को क्यों नहीं बना सकता है?] ArrayList [2]; जावा एक "जेनेरिक सरणी निर्माण" त्रुटि की रिपोर्ट करता है। इसकी अनुमति क्यों नहीं है? विशेष रूप से, जावा वर्चुअल मशीन (JV...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया -
एक लेनदेन में कई MySQL तालिकाओं में डेटा को कुशलता से कैसे सम्मिलित करें?] हालांकि ऐसा लग सकता है कि कई प्रश्न समस्या को हल करेंगे, प्रोफ़ाइल तालिका के लिए मैनुअल यूजर आईडी के लिए उपयोगकर्ता तालिका से ऑटो-इनक्रेमेंट आईडी को...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
गुमनाम जावास्क्रिप्ट इवेंट हैंडलर को साफ -सुथरा कैसे निकालें?] तत्व? तत्व। जब तक हैंडलर का संदर्भ निर्माण में संग्रहीत नहीं किया गया था, तब तक एक गुमनाम इवेंट हैंडलर को साफ करने का कोई तरीका नहीं है। यह आवश्...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
क्या जावा में कलेक्शन ट्रैवर्सल के लिए एक-प्रत्येक लूप और एक पुनरावृत्ति का उपयोग करने के बीच एक प्रदर्शन अंतर है?के लिए यह लेख इन दो दृष्टिकोणों के बीच दक्षता के अंतर की पड़ताल करता है। यह आंतरिक रूप से iterator का उपयोग करता है: सूची a = new ArrayList ...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
क्यों isn \ 't मेरी css पृष्ठभूमि छवि दिखाई दे रही है?] छवि और स्टाइल शीट एक ही निर्देशिका में निवास कर रही है, फिर भी पृष्ठभूमि एक खाली सफेद कैनवास बनी हुई है। छवि को संलग्न करने वाले उद्धरण फ़ाइल नाम: ...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
दशमलव का उपयोग करके घातीय संकेतन में संख्या को कैसे पार्स करें।] इसका कारण यह है कि डिफ़ॉल्ट पार्सिंग विधि घातीय संकेतन को नहीं पहचानती है। इस तरह के स्ट्रिंग को सफलतापूर्वक पार्स करने के लिए, आपको स्पष्ट रूप से...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
नीचे के दाईं ओर फ़्लोटिंग चित्रों के लिए टिप्स और पाठ के चारों ओर लपेटते हैं] यह छवि को प्रभावी ढंग से दिखाने के दौरान एक आकर्षक दृश्य प्रभाव पैदा कर सकता है। इस कंटेनर के भीतर, छवि के लिए पाठ सामग्री और एक IMG तत्व जोड़ें। HT...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
पीडीओ मापदंडों के साथ क्वेरी की तरह सही तरीके से उपयोग कैसे करें?$ params = सरणी ($ var1, $ var2); $ stmt = $ हैंडल-> तैयार करें ($ क्वेरी); $ stmt-> निष्पादित ($ params); त्रुटि % संकेतों के गलत समावेश में निहित ह...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
अपने कंटेनर के भीतर एक DIV के लिए एक चिकनी बाएं-दाएं CSS एनीमेशन कैसे बनाएं?] इस एनीमेशन को किसी भी डिव को पूर्ण स्थिति के साथ लागू किया जा सकता है, चाहे इसकी अज्ञात लंबाई की परवाह किए बिना। ऐसा इसलिए है क्योंकि 100%पर, DIV की...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
क्यों छवियों में अभी भी क्रोम में सीमाएँ हैं? `सीमा: कोई नहीं;` अमान्य समाधान] और 'सीमा: कोई नहीं;' CSS में। इस समस्या को हल करने के लिए, निम्नलिखित दृष्टिकोणों पर विचार करें: क्रोम बग परिधि क्रोम में एक ज्ञात बग...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
CSS `सामग्री` प्रॉपर्टी का उपयोग करके फ़ायरफ़ॉक्स चित्र क्यों नहीं है?] यह प्रदान किए गए CSS वर्ग में देखा जा सकता है: । Googlepipic { सामग्री: url ('../../ img/googleplusicon.png'); मार्जिन -टॉप: -6.5%;...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
वसंत सुरक्षा 4.1 और उससे अधिक में CORS मुद्दों को हल करने के लिए गाइड] इसे हल करने के लिए, आप एक कस्टम फ़िल्टर को लागू कर सकते हैं, जैसे कि अपने कोड स्निपेट में MyFilter। हालाँकि, आपने यह भी उल्लेख किया है कि यह फ़िल्टर...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
जब गोइंग भाषा को स्लाइस करना है तो मेमोरी लीक से कैसे बचें?] इस लेख का उद्देश्य स्लाइसिंग और उनके संभावित परिणामों के लिए दो दृष्टिकोणों की जांच करके स्पष्टीकरण प्रदान करना है। हालांकि यह आम तौर पर कुशल है, यह...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
ऑब्जेक्ट-फिट: कवर IE और एज में विफल रहता है, कैसे ठीक करें?] सीएसएस में लगातार छवि ऊंचाई बनाए रखने के लिए ब्राउज़रों में मूल रूप से काम करता है। हालांकि, IE और एज में, एक अजीबोगरीब मुद्दा उठता है। ब्राउज़र को ...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
-
Fastapi कस्टम 404 पृष्ठ निर्माण गाइड] उपयुक्त विधि आपकी विशिष्ट आवश्यकताओं पर निर्भर करती है। call_next (अनुरोध) यदि response.status_code == 404: REDIRECTRESPONSE ("https://fast...प्रोग्रामिंग 2025-07-12 को पोस्ट किया गया
चीनी भाषा का अध्ययन करें
- 1 आप चीनी भाषा में "चलना" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 2 आप चीनी भाषा में "विमान ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 3 आप चीनी भाषा में "ट्रेन ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 4 आप चीनी भाषा में "बस ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 5 चीनी भाषा में ड्राइव को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 6 तैराकी को चीनी भाषा में क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 7 आप चीनी भाषा में साइकिल चलाने को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 8 आप चीनी भाषा में नमस्ते कैसे कहते हैं? 你好चीनी उच्चारण, 你好चीनी सीखना
- 9 आप चीनी भाषा में धन्यवाद कैसे कहते हैं? 谢谢चीनी उच्चारण, 谢谢चीनी सीखना
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
