纯css实现简单的打字效果
以下几行代码可以实现纯css实现打字机的效果。
css部分:
- .print{
width:250px;
white–space:nowrap;
overflow:hidden;
–webkit–animation: dy 3s steps(60, end) infinite;
animation: dy 3s steps(50, end) infinite;
}
@-webkit–keyframes dy{
from { width: 0;}
}
@keyframes dy{
from { width: 0;}
}
html部分:
- <p class=“print”>SBKKO 新颖的创意,精美的视觉</p>