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

परस्पर पूर्वावलोकनासह बहुभुज तयार करा आणि क्लिप-पाथ आकार द्या. नायक आकार आणि प्रतिमा मुखवटे साठी उत्तम.

CSS Clip Path Generator

Live

Shape

CSS output

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

Text / on-page input

रंग आणि CSS जनरेटर पूर्णपणे तुमच्या ब्राउझरमध्ये चालतात. पूर्वावलोकने आणि रूपांतरणे कधीही तुमच्या शैली अपलोड करत नाहीत.

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

तुमच्या पृष्ठावर प्रतिस्पर्धी CSS तपासा (रीसेट, वारसा मिळालेले रंग). व्युत्पन्न केलेला नियम प्रथम एका वेगळ्या स्टाईलशीटमध्ये कॉपी करा.

नाही. जनरेटर आणि कन्व्हर्टर तुमच्या ब्राउझरमध्ये थेट पूर्वावलोकनासह चालतात.

नाही. टूल उघडा, नियंत्रणे सुधारा आणि CSS कॉपी करा.