HTML – 有没有办法慢慢地通过CSS向文本添加字母？

概述我想显示一个单词(假设慢),有没有办法首先显示’慢’然后通过CSS动画添加几个O在中间, 从Slow到Sloooooow. 我正在使用最新的chrome,因此欢迎任何CSS3 / HTML5功能. 您可以考虑设置跨度的最大宽度,如下所示. .slow { display: inline-block; vertical-align: bottom; max-width: 0.5rem; 我想显示一个单词(假设慢),有没有办法首先显示’慢’然后通过CSS动画添加几个O在中间,
从Slow到Sloooooow.

我正在使用最新的Chrome,因此欢迎任何CSS3 / HTML5功能.

解决方法 您可以考虑设置跨度的最大宽度,如下所示.

.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 >oooooo</span><span>w</span>

总结

以上是内存溢出为你收集整理的HTML – 有没有办法慢慢地通过CSS向文本添加字母？全部内容，希望文章能够帮你解决HTML – 有没有办法慢慢地通过CSS向文本添加字母？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。