28个纯CSS框架Loaders.css加载动画

28个纯CSS框架Loaders.css加载动画

Loaders.css是一款非常出色的加载动画框架,Loaders.css利用纯CSS可以实现很多种样式的Loading加载动画,这些动画并不需要图片来辅助,而是仅仅需要CSS即可实现,因此运行效率比较不错。 Loaders.css的特点基于纯CSS,不需JavaScript脚本,也不需要图片,很干净。 默认提供近30个不同的Loading动画效果,你也可以发挥自己的想象来实现不同的加载动画。 Loaders.css比较轻巧,基本没什么臃肿的文件。 免费、开源……
css3巧用border做旋转加载效果

css3巧用border做旋转加载效果

该效果主要是用到了css3的动画animation以及transform中的角度变换rotate。html的结构十分简单,用到一个div,也用到了css3中的属性 border-radius 。这边只测试了chrome的效果。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> @-webkit-keyframes load{ 0%{ transform:rotate(0); } 50%{ trans……