css 给图片添加滤镜效果，透明层毛玻璃效果

时间：2019-04-02 18:36:56 阅读：185 评论：0 收藏：0 [点我收藏+]

我们用的第一个滤镜是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);

技术图片

原文地址：https://www.cnblogs.com/yhhBKY/p/10644370.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行