我希望鼠标悬停在上方时,字体大小随过渡而减小.但是,当鼠标悬停在鼠标上方时,它会闪烁.我想摆脱闪烁.
.big-box {
display: flex;
}
.big-box span {
font-size: 100px;
transition-duration: 1s;
white-space: pre;
}
.big-box span:hover {
font-size: 50px;
}
<div class="big-box">
<span>I</span>
<span>T</span>
<span> </span>
<span>I</span>
<span>S</span>
<span> </span>
<span>T</span>
<span>E</span>
<span>X</span>
<span>T</span>
</div>