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 | 乘以| 屏幕| 覆盖| 变暗| 减轻| 颜色躲闪| 饱和度| 颜色| 亮度;