"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > क्या केवल CSS3 का उपयोग करके एक हेक्सागोन बनाया जा सकता है?

क्या केवल CSS3 का उपयोग करके एक हेक्सागोन बनाया जा सकता है?

2025-02-06 पर पोस्ट किया गया
ब्राउज़ करें:508

] प्रदान की गई छवि में दिखाया गया है?

शुद्ध CSS3। इसे प्राप्त करने के लिए, आप एक हेक्सागोन के लिए HTML वर्ण कोड का उपयोग कर सकते हैं, इस प्रकार है: Can a Hexagon Be Created Using Only CSS3?

& amp;#x2b22;

यह कोड एक हेक्सागोन के लिए यूनिकोड वर्ण का प्रतिनिधित्व करता है। वैकल्पिक रूप से, आप हेक्सागोन को प्रस्तुत करने के लिए निम्न CSS कोड का उपयोग कर सकते हैं:

। हेक्स 1 :: से पहले { सामग्री: "\ 2B22"; रंग: नारंगी; फ़ॉन्ट-आकार: 135px; } .hex2 :: से पहले { सामग्री: "\ 2B22"; प्रदर्शन: ब्लॉक; रंग: मैजेंटा; फ़ॉन्ट-आकार: 135px; -webkit-transform: रोटेट (-30deg); -मोज-ट्रांसफ़ॉर्म: रोटेट (-30deg); -ओ-ट्रांसफ़ॉर्म: रोटेट (-30deg); रूपांतरण: रोटेट (-30deg); }

यह कोड हेक्सागोन आकार बनाने के लिए उत्पन्न सामग्री संपत्ति का उपयोग करता है। छद्म-तत्व से पहले :: का उपयोग करके, आप निर्दिष्ट तत्व से पहले हेक्सागोन चरित्र डाल सकते हैं। सामग्री संपत्ति छद्म-तत्व की सामग्री को हेक्सागन यूनिकोड चरित्र के लिए सेट करती है। फिर आप दिए गए CSS गुणों का उपयोग करके हेक्सागोन के आकार, रंग और रोटेशन को अनुकूलित कर सकते हैं।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3