CSS 中的 opacity 属性用于设置元素的透明度，范围从 0（完全透明）到 1（完全不透明）。它可用于创建淡入淡出效果、悬停效果、叠加层、图像效果和文本效果。所有现代浏览器都支持 opacity，而较旧的浏览器可以使用 filter 属性作为替代。
CSS 中 opacity 的作用
CSS 中的 opacity 属性用于设置元素的透明度，范围从 0 到 1：
- 0： 完全透明
- 1： 完全不透明
如何在 CSS 中使用 opacity
opacity 属性可以通过以下方式应用于元素：
立即学习“前端免费学习笔记（深入）”；
element {
opacity: value;
}其中 value 是 0 到 1 之间的数字，表示元素的透明度。
opacity 的用途
opacity 属性在 CSS 中有广泛的应用，包括：
- 淡入或淡出效果： 通过逐渐改变 opacity 值，可以创建淡入或淡出效果。
- 悬停效果： 将 opacity 设置在较低的值上，可以在悬停时使元素变透明。
- 叠加层： 使用 opacity 可以创建半透明的叠加层，以显示其他元素的背景。
- 图像效果： opacity 可用于创建褪色、重叠或类似水印的效果。
- 文本效果： 将文本的 opacity 设置为较低的值，可以创建微妙的阴影或强调效果。
浏览器兼容性
opacity 属性在所有现代浏览器中都得到支持。然而，较旧的浏览器可能需要使用 filter 属性作为替代。
