css3 打字效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Auto Type CSS !</title> <style type="text/css"> @-webkit-keyframes typing { from { width: 0; } } @-webkit-keyframes blink-caret { 50% { border-color: transparent; } } h1 { font: bold 300% Consolas, Monaco, monospace; border-right: .1em solid black; width: 16.5em; width: 21ch; margin: 2em 1em; white-space: nowrap; overflow: hidden; -webkit-animation: typing 2s steps(21, end), blink-caret .5s step-end infinite alternate; } </style> </head> <body> <h1>Hello , CSS-Support !</h1> </body> </html> 提示：你可以先修改部分代码再运行。 转载请注明：有爱前端 » css3 打字效果 喜欢 (0)or分享 (0)
