想通过纯css做打字动画效果,目前对纯英文和纯中文能够实现,但当中英文混合时因为中文字符占2ch而英文字符占1ch无法统一而无法做出理想效果。所以有什么办法可以控制中英文等宽吗(尝试搜索过能否将英文变成全角,但没搜出相关方法)。css代码:/ 打字动画/ @keyframes typing{
from {width:0;}
} /*打字提示符闪烁动画*/
@keyframes caret{
50%{ border-color:transparent;
}
} /*文本块*/
blockquote{ font-family: "新宋体"; margin:0; padding:0; width:26ch; overflow:hidden; white-space:nowrap; border-right:0.5em solid; animation:typing 5s steps(13),
caret 1s steps(1) infinite;
}
1 回答
- 1 回答
- 0 关注
- 3956 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消