首页 > 开发 > CSS > 正文

网页中图片应用CSS的滤镜的效果

2024-07-11 08:27:04
字体:
来源:转载
供稿:网友

我们先从较简单的开始,介绍几个没有参数的滤镜。

  1.Gray滤镜

  Gray滤镜的作用是产生黑白效果

  使用方法:

以下是引用片段:
<img src="a.gif" style="filter:gray"> 

  2.Invert滤镜

  Invert滤镜的作用是反色效果

  使用方法:

以下是引用片段:
<img src="a.gif" style="filter:invert"> 

  3.Xray滤镜

  Xray滤镜的作用是产生X光效果

  使用方法:

以下是引用片段:
<img src="a.gif" style="filter:xray"> 

  4.fliph和flipv

  fliph滤镜的作用是产生水平翻转效果;flipv滤镜的作用是产生垂直翻转效果

  使用方法:

以下是引用片段:
<img src="a.gif" style="filter:fliph">或<img src="a.gif" style="filter:flipv">

  5.alpha滤镜

  alpha滤镜作用主要是对图片的透明度进行处理

  使用方法:

以下是引用片段:
<img src="a.gif" style="filter:alpha(opacity=value1,finishopacity=value2,style=value3)"> 
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表