الأدوات · CSS · مولّد ⁨clip-path⁩

مولّد ⁨clip-path⁩

أنشئ شكل قصّ ⁨CSS⁩ (⁨clip-path⁩) - مضلع أو دائرة أو بيضاوي أو مستطيل داخلي - مع معاينة حيّة، وانسخ الكود.

أفلت ملفًا هنا، أو اخترْ ملفًا.

تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي ملف.

كيف تعمل

هل يُرفع هذا إلى أي مكان؟

لا. الشكل يُولَّد ويُعرَض بالكامل داخل متصفحك - هذه مجرد رياضيات ونص ⁨CSS⁩.

هل يمكنني إضافة أو حذف نقاط المضلع؟

ليس في هذا الإصدار - اختر أقرب شكل جاهز واسحب نقاطه الحالية. محرر نقاط كامل إضافة مستقبلية محتملة.

لماذا يختفي شكلي عند بعض قيم أشرطة التمرير؟

بعض التركيبات - مثل مستطيل داخلي يغطي الصندوق بالكامل - كود ⁨CSS⁩ صالح يقصّ كل شيء. ليس خطأ، بل قيمة قانونية لكنها متطرفة.

هل يمكنني تحريك نقاط المضلع بلوحة المفاتيح بدل السحب؟

نعم. انتقل إلى نقطة بمفتاح ⁨Tab⁩ واستخدم مفاتيح الأسهم لتحريكها - مع ⁨Shift⁩ لخطوة أكبر.