标签：oct for class doc nim flow doctype html size
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
.printer {
overflow: hidden;
font-size: 20px;
width: 0;
height: 30px;
background-color: #ccc;
white-space: nowrap;
animation: printer 4s steps(20) forwards;
}
@keyframes printer {
0% {
width: 0;
}
100% {
width: 400px;
}
}
</style>
</head>
<body>
<div class="printer">我在这里等你哦</div>
</body>
</html>
标签：oct for class doc nim flow doctype html size
原文地址：https://www.cnblogs.com/MarkJacobs/p/13648391.html
