首页 > 其他 > 详细

关于滤镜

时间:2020-04-08 00:58:05      阅读:53      评论:0      收藏:0      [点我收藏+]

1.模糊效果

            /* 0是不模糊,值越大越模糊 */
            filter: blur(10px);

2.灰度

            /* 灰度,值是0-1 */
            /* filter: grayscale(1); */

3.褐色

            /* filter: grayscale(1); */
            /* 褐色,值是0-1 */
            /* filter: sepia(1); */

4.反色

            /* 反色,取值0-1 */
            /* filter: invert(1); */

5.亮度

            /* 亮度,默认是1 */
            /* filter: brightness(2); */

6.阴影

           /* 与盒子阴影的区别是:盒子是是给整个盒子加阴影,而滤镜阴影是给非透明的元素加阴影 */
           filter: drop-shadow(5px 5px 5px #666);

7.对比度

            /* 对比度,默认是1,若果是0图片全黑 */
            /* filter: contrast(1); */

8.饱和度

            /* 饱和度,默认是1 值越大,图片中每个颜色的对比越明显*/
            filter: saturate(5);

关于滤镜

原文:https://www.cnblogs.com/xiaoaitongxue/p/12657181.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!