UTILS.
100% ब्राउज़र में

CSS clip-path जनरेटर

किसी एलिमेंट को सामान्य आकृतियों में क्लिप करें और clip-path CSS कॉपी करें।

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

एक आकृति चुनें और संबंधित clip-path नियम के साथ प्रीव्यू बॉक्स को तुरंत क्लिप करें, फिर उपयोग के लिए तैयार CSS कॉपी करें। प्रीव्यू पूरी तरह आपके ब्राउज़र में लाइव अपडेट होता है।

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

पॉलीगॉन clip-path कैसे काम करते हैं?
प्रत्येक बिंदु बॉक्स के सापेक्ष एक x y प्रतिशत जोड़ी है; ब्राउज़र उन्हें क्रम में जोड़ता है और केवल आउटलाइन के अंदर का क्षेत्र दिखाता है।
क्या सभी ब्राउज़र clip-path को सपोर्ट करते हैं?
पॉलीगॉन, वृत्त, दीर्घवृत्त और inset आकृतियाँ हर आधुनिक ब्राउज़र में सपोर्टेड हैं, इसलिए जनरेट की गई CSS बिना प्रीफ़िक्स के काम करती है।

और टूल