tnblog
首页
登录

CSS Filter(滤镜)

316人阅读 2021/6/17 10:29 总访问:2361 评论:1 手机 收藏
分类: CSS

  前  言

CSS

 CSS Filter 的一些操作


Filter介绍

        CSS3 Filter(滤镜)属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。

    -webkit-filter支持的一些效果:

  • grayscale 灰度               值为0-1之间的小数 

  • sepia 褐色         值为0-1之间的小数

  • saturate 饱和度     值为num

  • hue-rotate 色相旋转  值为angle

  • invert 反色        值为0-1之间的小数

  • opacity 透明度     值为0-1之间的小数

  • brightness 亮度     值为0-1之间的小数

  • contrast 对比度     值为num

  • blur 模糊           值为length

  • drop-shadow 阴影


示例
    没有任何效果的图片




    灰度



     褐色




    饱和度



    色相旋转



    反色



    透明度



    亮度



    对比度



    模糊



    阴影


(注:阴影可分为内阴影和外阴影,内阴影即是在属性上添加 inset 。)



评价
我们太有限了。
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2020TNBLOG.NET
技术交流:群号677373950
欢迎加群交流技术