مولّد قص الأشكال CSS clip-path

صمّم شكل القص بصريًا واضبط نقاطه أو إعداداته، ثم انسخ خاصية clip-path الناتجة

أدوات المطورين مجانًا

أشكال جاهزة

اسحب النقطة لتغيير الشكل. انقر عليها مرتين لحذفها.

تُضاف النقطة الجديدة إلى أطول ضلع. انقر على نقطة لتحديدها ثم احذفها.

خلفية المعاينة

تبقى صورتك داخل المتصفح ولا تُرفع إلى الخادم.

CSS



        

صنف Tailwind


    

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

مولّد قص الأشكال CSS clip-path

صمّم شكل القص بصريًا واضبط نقاطه أو إعداداته، ثم انسخ خاصية clip-path الناتجة.

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

أدخل القيم أو النص المطلوب في الحقول، واضبط الخيارات المناسبة، ثم راجع النتيجة قبل نسخها أو تنزيلها. تحقق من الافتراضات والوحدات عند استخدام النتائج في قرار مهم.