Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
@keyframes typing {
	from {
	width:0;
}
}@keyframes blink-caret {
	50% {
	border-color:transparent;
}
}h1 {
	font:bold 200% Consolas,Monaco,monospace;
	border-right:.1em solid;
	width:16.5em;
	/* fallback */
		 width:30ch;
	/* # of chars */
		 margin:2em 1em;
	white-space:nowrap;
	overflow:hidden;
	animation:typing 3s steps(30,end),/* # of steps = # of chars */
		 blink-caret .5s step-end infinite alternate;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css3 打字效果

2
      蛋蛋0
      2017/5/24 16:04:15

      @keyframes兼容性不好,IE浏览器上没有效果

          球爱帅1
          2017/5/26 10:53:02

          都说了是css3     想要兼容ie8  ie-css3.htc试试这个家伙

      回复