background-blend-mode 屬性

.my-div {
    width: 300px;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, black 0%,white 100%), url('https://static.pexels.com/photos/54624/strawberry-fruit-red-sweet-54624-medium.jpeg');
    background-blend-mode:saturation;
}

<div class="my-div">Lorem ipsum</div>

請在此處檢視結果： https ： //jsfiddle.net/MadalinaTn/y69d28Lb/

CSS 語法：background-blend-mode：normal | 乘以| 螢幕| 覆蓋| 變暗| 減輕| 顏色躲閃| 飽和度| 顏色| 亮度;