css的filter属性

2021-05-07 23:28

阅读:555

标签: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


评论


亲,登录后才可以留言!