css 透明度漸漸消失 |js 声明css

.fade-out{
opacity:1;
transition:opacity 2s;
}
.fade-out:hover{
opacity:0;
}

在上面的代码中，大家首先定义了一个.fade-out的类，它的初始透明度为 1，同时大家也为它定义了一个transition，属性值为 2 秒，这样在元素的透明度发生变化的时候，会有一个平滑过渡的效果。

接下来，当大家把鼠标悬停在.fade-out上时，它的透明度会变为 0，这个过程会使用大家前面定义的transition属性来过渡到 0 的透明度。

这样，大家就实现了一个透明度渐渐消失的效果。大家可以根据实际需求调整上面代码中的属性值，以达到更好的视觉效果。