我将跨度设置为opacity : 0，当用户将鼠标悬停在其上时会显示它，但是问题是我想快速显示它并再次缓慢隐藏它。
.mySpan {
opacity: 0;
font-size: 12px;
background: red;
border-radius: 5px;
color:#fff;
transition: opacity cubic-bezier(0, 0.52, 1, 1) 0.3s
}
.mySpan:hover{
opacity: 1
}
覆盖悬停时的过渡时间：
.mySpan {
opacity: 0.1;
font-size: 12px;
background: red;
border-radius: 5px;
color:#fff;
transition: opacity cubic-bezier(0, 0.52, 1, 1) 1s;
}
.mySpan:hover{
opacity: 1;
transition-duration: 200ms;
}<span class="mySpan">Hello</span>悬停时，它会显示持续时间，200ms但速度很快，但是当您停止悬停时，它会还原1s并缓慢隐藏。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句