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) برش داخل گرد

موارد مرتبط در CSS