Pure CSS · 0 JS

五种 CSS 加载动画

深底浅字 · cubic-bezier 缓动 · 勾选「再来一次」切换 animation-name 重播

01三点波浪

三个圆点按 stagger 延迟依次上下浮动。

02环形旋转

SVG circle 以 stroke-dashoffset 驱动弧段旋转。

03进度条扫光

linear-gradient 背景沿 background-position 扫过。

04方块折叠

三个方块依次在 scaleY(0) 与 scaleY(1) 间折叠。

05环形进度

75%

stroke-dasharray 从 0 缓动到目标值，时长 2s。