我有一个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/