want to do typing animation through pure css. At present, it is possible to achieve pure English and pure Chinese, but when mixing English and Chinese, it is impossible to achieve the desired effect because Chinese characters account for 2ch while English characters account for 1ch. so is there any way to control the width of Chinese and English (I have tried to search whether I can turn English into full width, but I haven"t found the relevant method).
css Code:
/ typing Animation /
@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;
}