解决方法
您可以考虑设置跨度的最大宽度,如下所示.
.slow {
display: inline-block;
vertical-align: bottom;
max-width: 0.5rem;
overflow: hidden;
animation: slow 2s ease forwards;
}
@keyframes slow {
from {
max-width: 0.5rem;
}
to {
max-width: 3rem;
}
}
<span>Sl</span><span class="slow">oooooo</span><span>w</span>
