12种纯CSS3 Loader加载指示器动画特效

所属分类:其他,UI-动画效果,加载

 6116  63  查看评论 (2)
12种纯CSS3 Loader加载指示器动画特效 ie兼容10

loaderskit说明

loaderskit是一款效果非常炫酷的纯CSS3 Loader加载指示器动画特效。该Loader加载指示器动画特效共12种效果,动画效果全部使用CSS3来完成,没有使用任何图片。

使用方法

在页面中引入loaderskit.css文件。

<link rel="stylesheet" type="text/css" href="css/loaderskit.css">

HTML结构

所有的Loader指示器的HTML结构均相同,使用一个<div>作为容器,里面再嵌套一个<div>元素。例如:

<div class="span">
  <div class="timer"></div>
</div>

class timer为指定Loader的动画类型,可用的类型有:

  • timer

  • typing

  • location indicator

  • dashboard

  • battery

  • magnifier

  • help

  • cloud

  • eye

  • coffee cup

  • square

  • circle


相关插件-动画效果,加载

jQuery css3手机页面转换动画特效

jQuery css3手机页面转换动画特效
  动画效果
 8310  101

CSS3圆形图片遮罩特效-CIRCLE HOVER EFFECTS

今天我要给大家介绍一款圆形覆盖的多种好看的效果 Circle Hover Effects。圆形在当前的设计领域还是用得比较多的,我们只需要准备正常的矩形图片,然后就可以在这款特效的样式下变成圆形图片。接着当我们鼠标移动到图片上时,就会呈现多种不同的效果了。注意,该特效是基于css3打造的,所以我们的浏览器必须支持css3才能看到效果。
  动画效果
 18156  99

2013圣诞快乐礼盒破裂HTML5特效

圣诞节快乐,盒子破裂弹出。
  动画效果
 8148  93

纯CSS3实现7种扁平天气动画图标

纯CSS3实现7种扁平天气动画图标
  动画效果
 8958  80

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    Virtual 0
    2016/12/6 14:12:40
    秦时明月? 0
    2016/12/5 11:12:05
    效果太少了  要是再多些就好了 回复
取消回复