下面展示的是一批完全只用CSS制作的加载等待动画效果。每个动画只运用了简单的css属性,没有任何繁重的渲染动作和布局计算,都是非常轻量级的代码。
作者将这些CSS动画代码收集到了loaders.css,你可以轻松的将这个css文件嵌入到你的页面中,然后在需要放置loading图标的地方加入下面的代码:
<div class="loader-inner ball-pulse"></div>
非常的简单。下面看看效果。
下面展示的是一批完全只用CSS制作的加载等待动画效果。每个动画只运用了简单的css属性,没有任何繁重的渲染动作和布局计算,都是非常轻量级的代码。
作者将这些CSS动画代码收集到了loaders.css,你可以轻松的将这个css文件嵌入到你的页面中,然后在需要放置loading图标的地方加入下面的代码:
<div class="loader-inner ball-pulse"></div>
非常的简单。下面看看效果。
都很好看耶ฅ●ω●ฅ,感谢分享!