सीएसएस क्लिप-पथ आकार जनरेटर

आधुनिक सीएसएस क्लिप-पथ ज्यामिति के साथ बहुभुज, स्टार, बैज, हेक्सागन और शेवरॉन आकार बनाएं.

आपके ब्राउज़र में चलता है। आपकी फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं। जाँचने का तरीका देखें

…

कैसे करें

  1. 1
    चरण 1: सीएसएस क्लिप-पथ आकार जनरेटर खोलें और अपनी जानकारी डालें

    अपनी संख्याएँ या टेक्स्ट लिखें, फ़ाइल जोड़ें या ज़रूरी विकल्प चुनें। कुछ भी अपलोड नहीं होता: सब कुछ आपके ब्राउज़र में ही रहता है।

  2. 2
    चरण 2: सीएसएस क्लिप-पथ आकार जनरेटर क्या करता है

    आधुनिक सीएसएस क्लिप-पथ ज्यामिति के साथ बहुभुज, स्टार, बैज, हेक्सागन और शेवरॉन आकार बनाएं.

  3. 3
    चरण 3: परिणाम देखें और मिलान करें

    परिणाम तुरंत दिखता है। एक मान बदलकर देखें कि उत्तर कैसे बदलता है, फिर अपने मामले के अनुसार सही आँकड़ा रखें।

  4. 4
    चरण 4: कॉपी या सेव करें

    परिणाम कॉपी करें या डाउनलोड करें। किसी ज़रूरी फ़ैसले से पहले आधिकारिक स्रोत या सलाहकार से पुष्टि कर लें।

इस टूल के बारे में

क्लिप-पथ डेवलपर्स को Photoshop या SVG मास्क की आवश्यकता के बिना सटीक ज्यामितीय बहुभुज और आकारों में HTML तत्वों और छवियों को काटने की अनुमति देता है। लोकप्रिय प्रीसेट से चुनें, वास्तविक समय में रेंडर किए गए मुखौटे का निरीक्षण करें, और उत्पादन के लिए तैयार शुद्ध CSS बहुभुज निर्देशांक कॉपी करें।

बेहतर नतीजों के लिए सुझाव

शुरू करने से पहले विकल्प पढ़ लें और पहले किसी छोटे नमूने से टूल आज़माएँ। सब कुछ आपके अपने डिवाइस पर ब्राउज़र में चलता है, इसलिए आप जो लिखते या जोड़ते हैं वह अपलोड नहीं होता, और टैब बंद करने पर मिट जाता है। कुछ ठीक न लगे तो पेज रीलोड करके फिर कोशिश करें, या इस पेज के रिपोर्ट लिंक से हमें बताएँ कि क्या गड़बड़ हुई ताकि हम ठीक कर सकें। अगर नतीजा अब भी ग़लत लगे तो एक बार में एक मान बदलकर देखें कि कौन सा खाना सबसे ज़्यादा असर डालता है। अगर आपको यह टूल दोबारा चाहिए तो इस पेज को बुकमार्क कर लें।

मुख्य बातें

अक्सर पूछे जाने वाले सवाल

सीएसएस क्लिप-पथ क्या है?

The `clip-path` CSS property creates a clipping region that determines which parts of an element or image are visible.

कौन से आकार पूर्वनिर्धारित के रूप में शामिल हैं?

प्रीसेट में त्रिकोण, षट्भुज, 5 अंकों वाला तारा, उत्पाद छूट बैज, नेविगेशन शेवरॉन और गोल मास्क शामिल हैं।

क्या मैं इसके साथ तस्वीरें और वीडियो क्लिप कर सकता हूँ?

Yes. Apply the generated clip-path CSS rule to any `<img>`, `<video>`, `<div>`, or card component in your stylesheet.

क्या क्लिप-पथ तत्व क्लिक करने योग्य हिटबॉक्स को प्रभावित करता है?

आधुनिक ब्राउज़रों में, केवल तत्व का दृश्यमान, अनक्लिप क्षेत्र पॉइंटर होवर और क्लिक घटनाओं पर प्रतिक्रिया करता है।

पूरी तरह मुफ़्तकोई खर्च नहीं, साइन-अप नहीं
फ़ाइलें निजी रहती हैंसब कुछ आपके ब्राउज़र में चलता है
आपकी भाषा में आसानकई भाषाओं में उपलब्ध