当前位置: 首页 > Web前端 > HTML

超简单的HTML点实现“...”

时间:2023-04-02 11:57:45 HTML

在开发中经常会遇到一些让用户处于等待状态的操作,比如上传大文件时,显示“正在上传...”,点击一个按钮,wait后台数据返回过程中显示“Executing...”等。这时候为了用户体验,一般会采用打点的方式,让用户知道操作正在执行,没有卡住。分享一个我自己做的超级简单的打点方法,灵感来自于张新旭的《CSS 世界》一书。HTML加载CSS.dot::before{content:".";动画:dot3sinfinite;}@keyframesdot{33%{content:"..";}66%{内容:“……”;}}影响