التصميم
مُنشئ clip-path في CSS
أنشئ أشكال clip-path بصرياً عبر نقاط قابلة للسحب يعمل على جهازك — لا يُرفع شيء ولا يُخزَّن شيء.
1
X50%
Y0%
2
X100%
Y100%
3
X0%
Y100%
كود CSS الناتج
clip-path: polygon(50% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
أشكال جاهزة
انقر على أي شكل لتحميله كمضلّع قابل للتعديل.
ذات صلة
حول مُنشئ clip-path في CSS
أنشئ أشكال clip-path بصرياً عبر نقاط قابلة للسحب
مُنشئ clip-path في CSS أداة مجانية ضمن فئة «التصميم والمرئيات» على BrowseryTools. تعمل بالكامل داخل متصفحك: ما تعطيه لها يُعالَج على جهازك ولا يُرفع إلى أي خادم، ولا تسجيل ولا إعلانات ولا علامات مائية، وتبقى تعمل بلا اتصال بعد تحميل الصفحة.