我有这个:
.hello {
opacity:0;
transition: all 220ms ease 0s;
}
.hello:hover {
opacity:1;
}
我希望过渡效果仅在用户时可见hover-in,而不是当它们悬停时。
那可能吗?
在本例中将过渡添加到hover
.
Why?
因为当您悬停时,您将添加过渡并更改不透明度,因此设置了过渡属性,因此它将起作用。当鼠标离开该元素时,您会突然删除过渡,因此不再指定它,因此不再有过渡。
.hello {
opacity: 0;
font-size:35px;
}
.hello:hover {
opacity: 1;
transition: all 1s ease 0s;
}
<div class="hello">
Hello
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)