opacity在css中的用法

opacity在CSS中的用法

什么是opacity？

opacity属性控制元素的不透明度，即元素透光的程度。它的取值范围为0到1，其中：

如何使用opacity？

立即学习“前端免费学习笔记（深入）”；

在CSS中，使用opacity属性设置元素的不透明度，语法如下：

opacity: value;

其中，value可以是介于0到1之间的数字，也可以使用以下关键字：

opacity的应用

opacity属性在网页设计中有着广泛的应用，例如：

例子：

要将一个元素的不透明度设置为50%，可以这样写：

opacity: 0.5;

要创建一个淡入效果，可以在一段时间内逐渐增加元素的不透明度，例如：

@keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}element {  animation: fadeIn 1s;}