怎么运用CSS做图像透亮
发布时间:09/01 来源:未知 浏览:
关键词:
通过 CSS 创立透亮图像是很容易的。 ( 引荐学习:CSS教程 )
注:CSS opacity 属性是 W3C CSS 引荐标准的一部分。
实例 1 - 创立透亮图像
定义透亮结果的 CSS3 属性是 opacity。
第一,我们将展现怎样通过 CSS 来创立透亮图像。
常规图像:
带有透亮度的雷同图像:
请看下面的 CSS:
img { opacity:0.4; filter:alpha(opacity=40); /* 针对 IE8 乃至更早的版本 */}
IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透亮度。opacity 属机能够设定的值从 0.0 到 1.0。
值越小,越透亮。 IE8 乃至更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小,越透亮。
以上就是如何使用CSS做图像透亮的具体内容,更多请关注百分百源码网其它相关文章!