CSS 不透明度 / 透明度
CSS 不透明度 / 透明度
opacity 属性指定元素的不透明度/透明度。
透明图像
opacity 属性的取值范围为 0.0-1.0。值越低,越透明:
实例
img {
opacity: 0.5;
}
实例:
<!DOCTYPE html>
<html>
<head>
<style>
img {
opacity: 0.5;
}
img:hover {
opacity: 1.0;
}
</style>
</head>
<body>
<h1>图像透明度</h1>
<p>opacity 属性常与 :hover 选择器一起使用,改变鼠标悬停时的不透明度:</p>
<img src="/i/photo/tulip.jpg" alt="Tulip" width="170" height="170">
<img src="/i/photo/tulip-2.jpg" alt="Tulip" width="170" height="170">
<img src="/i/photo/flower-4.jpg" alt="Flower" width="170" height="170">
</body>
</html>
1、本站资源长期持续更新。
2、本资源基本为原创,部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
3、本站大部分文章的截图来源实验测试环境,请不要在生产环境中随意模仿,以免带来灾难性后果。
转载请保留出处: www.zh-cjh.com珠海陈坚浩博客 » CSS 不透明度 / 透明度
2、本资源基本为原创,部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
3、本站大部分文章的截图来源实验测试环境,请不要在生产环境中随意模仿,以免带来灾难性后果。
转载请保留出处: www.zh-cjh.com珠海陈坚浩博客 » CSS 不透明度 / 透明度
作者: cjh
手机扫一扫,手机上查看此文章: |
一切源于价值!
其他 模板文件不存在: ./template/plugins/comment/pc/index.htm