实现简单的透明效果

实现简单的透明效果
本文介绍一个CSS和过滤器的例子,以实现简单的图片透明效果。它主要利用滤波函数控制图像元素的透明度。
完成简单的透明控制功能。

利用滤波器的功能控制图像元素的透明性。

支持IE8,Chrome浏览器。
复制代码代码如下所示:

透明20% *
{。opacity-20
过滤器:alpha(不透明= 20); *支持IE浏览器筛选器
Webkit过滤器:不透明度(0.2); / *支持Chrome浏览器过滤器* /
}
不透明的/ ***
{。opacity-100
滤镜:alpha(不透明度= 100);
Webkit过滤器:不透明度(1);
}
功能使可见(狗,这){
没有透明性,并且用透明CSS交替排列。
图片完成/鼠标进入不透明显示,鼠标透明。
如果(= = 0){
cur.classname = 'opacity-100;
其他{ }
cur.classname = 'opacity-20;
}
}

以上就是这篇文章的全部内容,代码很简洁,效果很好,希望对大家有所帮助。

tag:透明效果简单电脑软件

相关内容