सीएसएस क्लिप पथ जनरेटर पॉलीगन, सर्कल और एलिप्स प्रीसेट के साथ सीएसएस क्लिप-पथ आकार बनाएं।

सीएसएस क्लिप-पाथ गुण कई आकार समारोहों को स्वीकार करता है: पॉलीगन() एक आकार को निर्देशांक जोड़े के रूप में प्रतिशत या लंबाई के रूप में परिभाषित करता है। सर्कल() एक वृत्ताकार क्लिप बनाता है जिसमें त्रिज्या और केंद्र स्थिति शामिल होती है। एलिप्स() एक अंडाकार आकार बनाता है जिसमें क्षैतिज और ऊर्ध्वाधर त्रिज्या शामिल हैं। इनसेट() एक आयताकार क्लिप बनाता है जिसमें वैकल्पिक बॉर्डर-रेडियस शामिल है। पॉलीगन समारोह किसी भी संख्या में x y निर्देशांक जोड़े स्वीकार करता है, इसे सबसे लचीला बनाता है। निर्देशांक तत्व के सापेक्ष होते हैं-0% 0% ऊपरी बाएं कोने और 100% 100% निचले दाहिने कोने पर होता है। एनिमेशन के लिए, clip-path एक ही आकार समारोह का उपयोग करके संक्रमण किया जा सकता है यदि एक ही संख्या में बिंदु हों। आधुनिक ब्राउज़रों में ब्राउज़र समर्थन अच्छा है, लेकिन सफारी के लिए -webkit- प्रीफिक्स की सिफारिश की जाती है। Clip-path लेआउट को प्रभावित नहीं करता है-तत्व अपने मूल बॉक्स मॉडल आयामों को बनाए रखता है।