gpt4 book ai didi

html - 使用多个 span 的 CSS 打字动画

转载 作者:行者123 更新时间:2023-11-28 18:07:18 24 4
gpt4 key购买 nike

到目前为止得到这个

http://codepen.io/tacrossman/pen/GJglH

但我想要的是在写出每个新单词 (span) 后运行光标闪烁动画。

当我尝试做类似的事情时

.type:after {   
content:"_";
opacity: 0;
animation: cursor 1s infinite;
}

它没有达到预期的效果。我认为动画中存在冲突,因为从技术上讲,我是在已经设置动画的内容中运行动画。

如有需要,请联系我,谢谢

最佳答案

像这样?很确定这就是您要实现的目标。

Updated Codepen result

span > span {
animation: cursor 1s infinite;
}

我还修复了动画中的一些小问题。有些是相互重叠的。

关于html - 使用多个 span 的 CSS 打字动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19365570/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com