038_CSS3图像透明度

最新推荐文章于 2021-03-27 23:34:32 发布

自由与束缚JavaJavaScript

最新推荐文章于 2021-03-27 23:34:32 发布

阅读量107

点赞数

分类专栏： css学习文章标签： css css3 web前端

本文链接：https://blog.csdn.net/aihiao/article/details/109139408

版权

css学习专栏收录该内容

52 篇文章 0 订阅

订阅专栏

1. opacity属性设置元素的不透明级别。

2. opacity属性能够设置的值从0.0到1.0。值越小, 越透明。

3. 默认值

4. 例子

4.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<title>CSS3图像透明度</title>
		<meta charset="utf-8" />
		
		<style type="text/css">
			img {
				opacity: 1;
			}
			img:hover {
				opacity: 0.2;
			}
		</style>
	</head>
	<body>
		<img src="flower.jpg" />
	</body>
</html>

4.2. 效果图