想通过纯css做打字动画效果,目前对纯英文和纯中文能够实现,但当中英文混合时因为中文字符占2ch而英文字符占1ch无法统一而无法做出理想效果。所以有什么办法可以控制中英文等宽吗(尝试搜索过能否将英文变成全角,但没搜出相关方法)。
css代码:
/打字动画/
@keyframestyping{
from{width:0;}
}/*打字提示符闪烁动画*/
@keyframescaret{
50%{border-color:transparent;
}
}/*文本块*/
blockquote{font-family:"新宋体";margin:0;padding:0;width:26ch;overflow:hidden;white-space:nowrap;border-right:0.5emsolid;animation:typing5ssteps(13),
caret1ssteps(1)infinite;
}