想通過(guò)純css做打字動(dòng)畫(huà)效果,目前對(duì)純英文和純中文能夠?qū)崿F(xiàn),但當(dāng)中英文混合時(shí)因?yàn)橹形淖址?ch而英文字符占1ch無(wú)法統(tǒng)一而無(wú)法做出理想效果。所以有什么辦法可以控制中英文等寬嗎(嘗試搜索過(guò)能否將英文變成全角,但沒(méi)搜出相關(guān)方法)。css代碼:/ 打字動(dòng)畫(huà)/ @keyframes typing{
from {width:0;}
} /*打字提示符閃爍動(dòng)畫(huà)*/
@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;
}
添加回答
舉報(bào)
0/150
提交
取消