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

Question

到目前为止得到这个

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

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

当我尝试做类似的事情时

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

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

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

Answer 1

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

Updated Codepen result

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

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