滤镜与混合模式下的图像效果

本页效果均是混合模式加滤镜实现。

让照片更梦幻

下面是原始图片：

示意图片

代码

CSS代码：

.girl {
    width: 256px; height: 171px;
    background: rgba(238,179,163, .8) url(./mm.jpg);
    background-size: 100%;
    background-blend-mode: soft-light;
    filter: contrast(1.1);
}

HTML代码：

<div class="girl"></div>