CSS
افکت و فیلتر
پیشفرض:
none
ارثبری نمیشود
clip-path
برش هندسی عنصر با شکلهای پایه یا مسیر SVG؛ بنرهای مورب و دکمههای ششضلعی بدون تصویر با آن ساخته میشوند.
سینتکس
clip-path: none | <shape> | path();
مثال کاربردی
.ribbon {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 16px));
}
مقادیر رایج
circle(50%)
دایره کامل
polygon(...)
چندضلعی دلخواه
inset(8px round 12px)
برش داخل گرد