CSS3的Filter属性的十种效果


1、语法
elm { filter: none ; }

2、可选值有以下十种
  grayscale     灰度
  sepia       棕色调
  saturate     饱和度
  hue-rotate    色相旋转
  invert      反色
  opacity 透明度
  brightness    亮度
  contrast     对比度
  blur       模糊
  drop-shadow   阴影
3、示例 (括号内可设置0-1之间的任何值,默认值为100%)
  原始图


  
.grayscale{-webkit-filter:grayscale(1);}

-webkit-filter:sepia(1);

③-webkit-filter:saturate(0.5);

④-webkit-filter:hue-rotate(90deg);

⑤-webkit-filter:invert(1);


⑥-webkit-filter:opacity(.5);


⑦-webkit-filter:brightness(.5);

⑧-webkit-filter:contras
t(5);

-webkit-filter:blur(3px);

⑩-webkit-filter:drop-shadow(5px 5px 5px #ccc);








优质内容筛选与推荐>>
1、fsm三种建模思路比较
2、ASP.NET+C#环境中FileUpload控件的使用方法
3、CHIL-SQL-TOP 子句
4、C#静态构造函数总结
5、3人月神话阅读笔记


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号