مولّد CSS Clip-path

حول هذه الأداة

ينشئ مولد CSS Clip-path قيم clip-path للأشكال الشائعة — المثلث والسهم والخماسي والسداسي والنجمة والشيفرون والدائرة والشكل البيضاوي وinset بزوايا مستديرة — مع معاينة مباشرة.

طريقة الاستخدام

1. اختر شكلًا من القائمة.
2. اختر لون تعبئة للمعاينة.
3. انقر Copy CSS وطبّق clip-path على أي عنصر أو صورة.

معلومات مفيدة

• تخفي clip-path كل ما يقع خارج الشكل، فلا حاجة إلى قناع صورة أو ملف SVG.
• تأخذ polygon() قائمة من نقاط x y بالنسب المئوية، فتتناسب مع حجم العنصر.
• تقص circle(50% at 50% 50%) العنصر على شكل دائرة في المنتصف.
• تضيف inset() مع round زوايا مستديرة إلى القص المستطيل.
• الأشكال الأساسية في clip-path مدعومة في جميع المتصفحات الرئيسية الحالية.

تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.

الأسئلة الشائعة