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

css3滤镜Filter使用

时间:2018-01-09 12:13:05      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:svg   city   class   cti   效果   滤镜   ado   分享图片   阴影   

filter主要用于图片,SVG等元素上,其默认值是none,有以下10个filter-function值可选:

  • grayscale(灰度)效果类似于PS中的去色或者黑白
  • blur(模糊)效果类似于PS中的高斯模糊
  • invert(反相)效果类似于PS中的反相
  • opacity(透明度)效果类似于PS中的图层不透明度
  • saturate(饱和度)效果类似于PS中的饱和度
  • brightness(亮度)效果类似于PS中的亮度
  • contrast(对比度)效果类似于PS中的对比度
  • drop-shadow(阴影)效果类似于PS中的投影
  • sepia(怀旧)效果类似于相机中的老照片滤镜
  • hue-rotate(色相)效果类似于PS中的色相+旋转,

技术分享图片

css3滤镜Filter使用

标签:svg   city   class   cti   效果   滤镜   ado   分享图片   阴影   

原文地址:https://www.cnblogs.com/engeng/p/8250741.html

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