کدپلن

background-blend-mode

خصوصیت background-blend-mode تعیین می کند که چگونه یک عکس بک گراندی با یک بک گراند رنگی ادغام شود.

شیوه نگارش :

.container {
  background-image: url('image.jpg');
  background-color: red;
  background-blend-mode: screen;
}

یک مثال ساده :

blend-mode دارای مقادیر مختلفی هست که جهت درک بهتر هر کدام بر روی گزینه آن در مثال زیر کلیک کنید.
(جهت مشاهده بهتر بر روی ویرایش کلیک کنید)

چه مرورگرهایی از این خصوصیت پشتیبانی می کنند ؟