其他代码

loaders - 纯CSS3超酷Loading加载指示器特效

阿里云


loaders.css 是一款使用纯 CSS3 Loading 加载指示器特效。该 loading 指示器特效共有 11 种不同的效果,都是使用 CSS3 animation 动画来完成。

使用方法

使用该 Loading 加载指示器特效需要在页面中引入 loaders.css 或 loaders.min.css 文件。

也想出现在这里?联系我们
创客主机
  1. <link rel="stylesheet" href="loaders.css">
  2. <-- 或者 -->
  3. <link rel="stylesheet" href="loaders.min.css">

HTML 结构

该 Loading 加载指示器的 HTML 结构非常简单,使用一个<div>元素作为容器,并为它添加 data-loader 属性。

  1. <div data-loader="circle"></div>

可用的 data-loader 属性值有:

  1.     circle
  2.     circle-side
  3.     arrow-circle
  4.     ball-scale
  5.     ball-circle
  6.     rectangle
  7.     heart
  8.     ball-rotate
  9.     ball-pulse
  10.     jumping
  11.     satellite

Github 地址:https://github.com/jovey-zheng/loader

loaders - 纯 CSS3 超酷 Loading 加载指示器特效

已有 319 人购买
  • hvpl
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!