CSS افکت و فیلتر پیش‌فرض: normal ارث‌بری نمی‌شود

mix-blend-mode

نحوه ترکیب رنگ عنصر با لایه پشتش را تعیین می‌کند؛ multiply روی تصاویر برای بج‌های رنگی و difference برای افکت‌های ویژه به‌کار می‌رود.

سینتکس

mix-blend-mode: normal | multiply | screen | overlay | difference;

مثال کاربردی

.badge-img {
  mix-blend-mode: multiply;
}

مقادیر رایج

normal بدون ترکیب
multiply ضرب رنگ (تیره‌تر)
screen روشن‌تر
overlay کنتراست‌دار

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