opacity 是 CSS 中用于设置元素透明度的属性。这个属性的取值范围是从 0(完全透明)到 1(完全不透明)。值为 1 表示元素完全不透明,而值为 0 表示元素完全透明。

使用示例:
.selector {
    opacity: 0.5; /* 设置元素透明度为50% */
}

在上述示例中,.selector 是你要应用样式的元素选择器。通过设置 opacity 属性,你可以调整该元素的透明度。这对于创建半透明的元素,使背景透出来或在交互中产生淡入淡出效果非常有用。
/* 在鼠标悬停时使元素半透明 */
.selector:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease; /* 添加过渡效果 */
}

在这个例子中,当鼠标悬停在 .selector 元素上时,透明度会从默认的值(1)过渡到 0.7,产生一个淡入淡出的效果。 transition 属性用于控制过渡效果的持续时间和速度曲线。


转载请注明出处:http://www.zyzy.cn/article/detail/6104/CSS