码迷,mamicode.com
首页 > Web开发 > 详细

css的filter属性

时间:2019-12-23 14:53:14      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:opacity   tar   drop   target   blank   href   code   ref   com   

原图:技术图片

1)filter: grayscale(100%)  // 灰度100%

技术图片

 2)filter: blur(5px)  // 模糊5px

技术图片

 3)filter: brightness(300%)  // 3倍亮度

技术图片

 4)filter: contrast(200%)  // 200%对比度

技术图片

 5)filter: saturate(200%)  //200%饱和度

技术图片

 6)filter: hue-rotate(180deg) // 色相旋转180度

技术图片

 7)filter: invert(100%) // 100%反色

技术图片

 8)filter: opacity(50%) // 50%透明度

技术图片

 9)filter: drop-shadow(10px 5px 5px #f00)  // 阴影

技术图片

 10)filter: sepia(70%)   // 褐色程度70%

技术图片

 参考:https://juejin.im/post/5df3a049f265da33f8652882

css的filter属性

标签:opacity   tar   drop   target   blank   href   code   ref   com   

原文地址:https://www.cnblogs.com/boreguo/p/12083673.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!