我有一个div元素,最初将其保持在零“ 0”不透明度。
在某些情况下,我添加了一个过渡为0.3s且不透明度为“ 1”的类。
但是我希望过渡立即结束(设置为0,在移除类时不进行过渡的不透明度)。

div{
   opacity: 0;
   transition: opacity 0.3s ease-in;
}
div:hover{
   opacity: 1;
}


仅尝试使用easy-in和cubic-bezier(),但以某种方式我无法做到。

最佳答案

只需将您的过渡设置为“悬停”状态即可。



    div{
       opacity: .5;
    }
    div:hover{
       opacity: 1;
       transition: opacity 0.3s ease-in;
    }

<div>hello world!</div>

关于css - CSS从不透明度0到1过渡到0,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54436473/

10-12 07:00
查看更多