اشتر لي قهوة
التصميم

مُنشئ 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%);
أشكال جاهزة

انقر على أي شكل لتحميله كمضلّع قابل للتعديل.

ذات صلة
مُحرّر منحنيات التوقيت Cubic-Bezierالتصميممُولِّد الزجاجية (Glassmorphism)التصميممولّد أشكال SVG العضويةالتصميم
حول CSS clip-path Generator

Visually create CSS clip-path shapes. Drag polygon vertices over a live preview, tune circle, ellipse, and rounded inset, then copy production-ready clip-path CSS with triangle, hexagon, star, and bubble presets.

CSS clip-path Generator أداة مجانية ضمن فئة «Design Tools» على BrowseryTools. تعمل بالكامل داخل متصفحك: ما تعطيه لها يُعالَج على جهازك ولا يُرفع إلى أي خادم، ولا تسجيل ولا إعلانات ولا علامات مائية، وتبقى تعمل بلا اتصال بعد تحميل الصفحة.