找传奇、传世资源到传世资源站!

animation keyframes入门级示例:打字效果(带光标)

8.5玩家评分(1人评分)
下载后可评
介绍 评论 失效链接反馈

animation keyframes入门级示例:打字效果(带光标) HTML/CSS-第1张
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title><style id="jsbin-css">@keyframes typing {from { width: 0 }}/* 光标 */@keyframes caret {50% { border-right-color: transparent; }}h1 {font: bold 200% Consolas, Monaco, monospace;width: 8.25em;/* width: 15ch; */white-space: nowrap;overflow: hidden; border-right: .05em solid;animation: typing 8s steps(155), caret 1s steps(1) infinite; }</style></head><body> <h1 class="pic">CSS is awesome!</div></body></html>

评论

发表评论必须先登陆, 您可以 登陆 或者 注册新账号 !


在线咨询: 问题反馈
客服QQ:174666394

有问题请留言,看到后及时答复