Skip to main content
DevTools24

مولد CSS Clip Path

إنشاء أشكال CSS clip-path بصرياً. اختر من المضلعات والدوائر والقطع الناقصة والأشكال الداخلية مع إعدادات مسبقة.

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

CSS clip-path Property - التفاصيل التقنية

The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts inside the region are shown, while those outside are hidden. Use shapes like polygon, circle, ellipse, or inset to create unique visual effects.

بديل سطر الأوامر

.element {\n  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n}

المرجع

عرض المواصفات الرسمية