Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
۳۵+ | ۷٫۱ | ۳۵+ | ۲۷+ | Nope | ۳۷+ | ۸٫۱+ |
خصوصیت background-blend-mode تعیین می کند که چگونه یک عکس بک گراندی با یک بک گراند رنگی ادغام شود.
.container { background-image: url('image.jpg'); background-color: red; background-blend-mode: screen; }
blend-mode دارای مقادیر مختلفی هست که جهت درک بهتر هر کدام بر روی گزینه آن در مثال زیر کلیک کنید.
(جهت مشاهده بهتر بر روی ویرایش کلیک کنید)
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
۳۵+ | ۷٫۱ | ۳۵+ | ۲۷+ | Nope | ۳۷+ | ۸٫۱+ |
دیدگاه بگذارید
Be the First to Comment!