CSS क्लिप पथ जेनरेटर

एक अन्तरक्रियात्मक पूर्वावलोकनको साथ बहुभुज र आकार क्लिप-पाथहरू निर्माण गर्नुहोस्। नायक आकार र छवि मास्क लागि महान।

CSS Clip Path Generator

Live

Shape

CSS output

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

Key capabilities

एक अन्तरक्रियात्मक पूर्वावलोकनको साथ बहुभुज र आकार क्लिप-पाथहरू निर्माण गर्नुहोस्।
तपाईको ब्राउजरमा चल्छ
प्रयोग गर्न नि: शुल्क

कसरी प्रयोग गर्ने

प्रिसेट आकार वा बहुभुज बिन्दुहरू छान्नुहोस्।
आवश्यकता अनुसार अंक समायोजन गर्नुहोस्।
क्लिप-पथ CSS प्रतिलिपि गर्नुहोस्।

How this tool works

प्रिसेट आकार वा बहुभुज बिन्दुहरू छान्नुहोस्।
आवश्यकता अनुसार अंक समायोजन गर्नुहोस्।
क्लिप-पथ CSS प्रतिलिपि गर्नुहोस्।

Recommended settings

पहिले पूर्वनिर्धारित विकल्पहरू प्रयोग गर्नुहोस्, त्यसपछि आवश्यक भए समायोजन गर्नुहोस्

Supported formats

Text / on-page input

File size and limits

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

Privacy

रङ र CSS जेनरेटरहरू तपाईंको ब्राउजरमा पूर्ण रूपमा चल्छन्। पूर्वावलोकन र रूपान्तरणले तपाईंको शैलीहरू कहिल्यै अपलोड गर्दैन।

Common use cases

तपाईंलाई आवश्यक परेको बेला CSS क्लिप पथ जेनरेटर प्रयोग गर्नुहोस्: बहुभुज निर्माण गर्नुहोस् र अन्तरक्रियात्मक पूर्वावलोकनको साथ क्लिप-पाथहरू आकार दिनुहोस्।

Troubleshooting

पेस्ट गरेपछि पूर्वावलोकन फरक देखिन्छ

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

बारम्बार सोधिने प्रश्नहरू

के यसले मेरो CSS अपलोड गर्छ?

होइन। जेनेरेटर र कन्भर्टरहरू तपाईंको ब्राउजरमा लाइभ पूर्वावलोकनको साथ चल्छन्।

के मलाई खाता चाहिन्छ?

होइन। उपकरण खोल्नुहोस्, नियन्त्रणहरू ट्वीक गर्नुहोस्, र CSS प्रतिलिपि गर्नुहोस्।