css动画 自动打字，让你的文字飞舞起来

自动打字的效果 非一般的炫酷

 	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	@keyframes typing { 
        from { width: 0; } 
	} 
	@keyframes caret { 
        50% { border-color: transparent; } 
	} 
	p { 
	    width: 16em; 
	    overflow: hidden; 
	    white-space: nowrap; 
	    border-right: 0.1em solid; 
	    animation: typing 13s steps(16), caret 0.5s steps(1) infinite;
	}
	</style>
	</head>
	<body>
	<p>心没有栖息的地方，到哪都是流浪。</p>
	</body>
	</html>

posted @ 2018-05-30 07:35  不如吃茶去v  阅读(1833)  评论(0)  编辑  收藏  举报