حول هذه الأداة
اختر شكلًا واقتطع فورًا مربع المعاينة بقاعدة clip-path المطابقة، ثم انسخ كود CSS جاهزًا للاستخدام. تتحدّث المعاينة مباشرةً، بالكامل داخل متصفّحك.
الأسئلة الشائعة
كيف تعمل مسارات الاقتطاع المضلّعة (polygon)؟
كل نقطة هي زوج من نسبتي x و y بالنسبة للمربع؛ يربط المتصفّح بينها بالترتيب ويُظهر فقط المساحة داخل المخطّط.
هل تدعم كل المتصفّحات clip-path؟
أشكال polygon و circle و ellipse و inset مدعومة في كل المتصفّحات الحديثة، لذا يعمل كود CSS المُولَّد دون بادئات.