使用示例:
.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