टूल ब्राउज़ करें

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

एक इंटरैक्टिव पूर्वावलोकन के साथ बहुभुज बनाएं और क्लिप-पथ को आकार दें। नायक आकृतियों और छवि मुखौटों के लिए बढ़िया।

CSS Clip Path Generator

Live

Shape

CSS output

clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Key capabilities

एक इंटरैक्टिव पूर्वावलोकन के साथ बहुभुज बनाएं और क्लिप-पथ को आकार दें।
आपके ब्राउज़र में चलता है
उपयोग करने के लिए निःशुल्क

कैसे उपयोग करें

एक पूर्व निर्धारित आकार या बहुभुज बिंदु चुनें.
आवश्यकतानुसार अंक समायोजित करें।
क्लिप-पथ सीएसएस की प्रतिलिपि बनाएँ।

How this tool works

एक पूर्व निर्धारित आकार या बहुभुज बिंदु चुनें.
आवश्यकतानुसार अंक समायोजित करें।
क्लिप-पथ सीएसएस की प्रतिलिपि बनाएँ।

Recommended settings

पहले डिफ़ॉल्ट विकल्पों का उपयोग करें, फिर यदि आवश्यक हो तो समायोजित करें

Supported formats

Text / on-page input

File size and limits

पुराने फ़ोन पर बहुत जटिल मल्टी-लेयर पूर्वावलोकन धीमा लग सकता है।

Privacy

रंग और सीएसएस जनरेटर पूरी तरह से आपके ब्राउज़र में चलते हैं। पूर्वावलोकन और रूपांतरण कभी भी आपकी शैलियाँ अपलोड नहीं करते हैं।

Common use cases

जब भी आपको आवश्यकता हो सीएसएस क्लिप पथ जनरेटर का उपयोग करें: एक इंटरैक्टिव पूर्वावलोकन के साथ बहुभुज बनाएं और क्लिप-पथ को आकार दें।

Troubleshooting

पेस्ट करने के बाद पूर्वावलोकन अलग दिखता है

अपने पृष्ठ पर प्रतिस्पर्धी सीएसएस की जांच करें (रीसेट, विरासत में मिले रंग)। पहले जेनरेट किए गए नियम को एक अलग स्टाइलशीट में कॉपी करें।

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

क्या यह मेरा सीएसएस अपलोड करता है?

नहीं, जेनरेटर और कन्वर्टर आपके ब्राउज़र में लाइव पूर्वावलोकन के साथ चलते हैं।

क्या मुझे एक खाते की आवश्यकता है?

नहीं, टूल खोलें, नियंत्रणों में बदलाव करें और सीएसएस की प्रतिलिपि बनाएँ।

संबंधित टूल

CSS Triangle Generator

Generate CSS triangles with border tricks — direction, size, and color.

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.