我们用的第一个滤镜是sepia(),他会给图片增加一整降饱和度的橙色染色效果
原图
添加sepia滤镜的效果
img{ width:100%; transition: .5s filter; filter:sepia(2); } img:hover{ filter:none; }
给色度添加饱和度可以用saturate()
filter: saturate(4);
如果不希望把图片调成橙黄色调也可以添加hue-rotate滤镜,变成稍深的亮粉色,大约295度
filter:sepia(1) saturate(4) hue-rotate(295deg);