सामग्री पर जाएं

CSS Clip Path जनरेटर

लाइव प्रीव्यू के साथ CSS clip-path शेप विज़ुअली बनाएँ। सर्कल, एलिप्स, इनसेट और पॉलीगॉन शेप के लिए प्रीसेट के साथ समर्थन। CSS कोड कॉपी करें। मुफ्त ऑनलाइन टूल।

50%
50%
50%
 

CSS clip-path क्या है?

CSS प्रॉपर्टी clip-path एक क्लिपिंग क्षेत्र बनाती है जो परिभाषित करती है कि एलिमेंट का कौन सा भाग दिखाया जाए। क्षेत्र के अंदर के भाग दिखाई देते हैं; बाहर के भाग छिपे होते हैं।

Clip-path आकार

circle() एक वृत्ताकार क्लिप बनाता है। ellipse() एक दीर्घवृत्ताकार क्लिप बनाता है। inset() वैकल्पिक गोल कोनों के साथ एक आयताकार क्लिप बनाता है। polygon() निर्देशांक बिंदुओं की श्रृंखला द्वारा परिभाषित एक कस्टम आकार बनाता है।

गोपनीयता

सभी clip-path जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।