前端杂谈 · Web

美丽的加载等待动画,纯CSS3制作

•̀.̫•́✧ · 7月9日 · 2019年 · · 本文535字 · 阅读2分钟424

下面展示的是一批完全只用CSS制作的加载等待动画效果。每个动画只运用了简单的css属性,没有任何繁重的渲染动作和布局计算,都是非常轻量级的代码。

作者将这些CSS动画代码收集到了loaders.css,你可以轻松的将这个css文件嵌入到你的页面中,然后在需要放置loading图标的地方加入下面的代码:

<div class="loader-inner ball-pulse"></div>

非常的简单。下面看看效果。

1 条回应
  1. 沐宇2019-9-10 · 20:07

    都很好看耶ฅ●ω●ฅ,感谢分享!