CSS Clip Path जेनरेटर
इंटरैक्टिव नियंत्रणों के साथ दृश्य रूप से CSS clip-path आकृतियाँ बनाएँ।
-webkit-clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%); clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%);
CSS Clip Path Generator के बारे में
CSS clip-path प्रॉपर्टी आपको किसी एलिमेंट को कस्टम शेप में क्लिप करने देती है। यह टूल आपको clip-path शेप्स को विज़ुअली डिज़ाइन करने और तुरंत CSS कोड जनरेट करने की सुविधा देता है।
उपयोग कैसे करें
आकृति प्रकार चुनें, clip path को कस्टमाइज़ करने के लिए नियंत्रण समायोजित करें, फिर जेनरेट की गई CSS कॉपी करें और अपनी स्टाइलशीट में पेस्ट करें।
सामान्य उपयोग के मामले
- अद्वितीय इमेज मास्क और हीरो सेक्शन शेप्स बनाना
- पेज सेक्शन्स के बीच डायगोनल डिवाइडर बनाना
- कस्टम बटन शेप्स डिज़ाइन करना
- पॉलीगॉन-शेप्ड अवतार या थंबनेल बनाना
- क्रिएटिव इफेक्ट्स के लिए clip-path ट्रांज़िशन को एनिमेट करना