مولد CSS Clip Path
أنشئ أشكال CSS clip-path بصرياً مع معاينة مباشرة. دعم للدائرة والقطع الناقص والإدراج والمضلع مع إعدادات مسبقة. انسخ كود CSS. أداة أونلاين مجانية.
50%
50%
50%
مرجع
ما هو CSS clip-path؟
خاصية CSS clip-path تنشئ منطقة قص تحدد أي جزء من العنصر يجب أن يظهر. الأجزاء داخل المنطقة مرئية؛ الأجزاء خارجها مخفية.
أشكال clip-path
circle() ينشئ قصاً دائرياً. ellipse() ينشئ قصاً بيضاوياً. inset() ينشئ قصاً مستطيلاً مع زوايا مستديرة اختيارية. polygon() ينشئ شكلاً مخصصاً محدداً بسلسلة من نقاط الإحداثيات.
الخصوصية
جميع عمليات توليد clip-path تتم بنسبة 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.