Loading加载动画.rar

  • PUDN用户
    了解作者
  • HTML
    开发工具
  • 12KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 0
    下载次数
  • 2018-10-23 16:15
    上传日期
炫酷的CSS3 Loading加载动画,可以自定义文字,也有很多种不同的外观样式
Loading加载动画.rar
  • css3-custom-loading
  • js
  • main.min.js
    3.8KB
  • examples
  • loader-double.html
    1.9KB
  • loader-ball.html
    1.9KB
  • loader-clock.html
    1.9KB
  • index.html
    1.9KB
  • loader-bar.html
    1.9KB
  • loader-smartphone.html
    2KB
  • loader-border.html
    2KB
  • dist
  • loader-clock.css
    1.3KB
  • loader-smartphone.css
    1.5KB
  • loader-default.css
    1KB
  • loader-border.css
    1.1KB
  • loader-ball.css
    1.2KB
  • loader-double.css
    829B
  • css-loader.css
    5.3KB
  • css
  • main.min.css
    2.3KB
  • index.html
    4KB
内容介绍
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>超炫酷的CSS3 Loading加载动画DEMO演示</title> <link rel="stylesheet" href="css/main.min.css"> <link rel="stylesheet" href="dist/css-loader.css"> </head> <body> <div id="loader"></div> <div class="htmleaf-container"> <div class="container"> <div class="row row--flex"> <div class="box box--full"> <h3 class="box__title">Default</h3> <div class="box__item"> <button id="loader-default" class="button">default</button> </div> <div class="box__item"> <button id="loader-default-half" class="button">half</button> </div> <div class="box__item"> <button id="loader-default-inverse" class="button">inverse</button> </div> <div class="box__item"> <button id="loader-default-text" class="button">w/ text</button> </div> <div class="box__item"> <button id="loader-default-blink" class="button">blink</button> </div> <div class="box__item"> <input type="text" id="custom-text" class="input" placeholder="custom text here"> <button id="loader-default-custom-text" class="button">custom text</button> </div> </div> <div class="box box--full"> <h3 class="box__title">Bar</h3> <div class="box__item"> <button id="loader-bar" class="button">default</button> </div> <div class="box__item"> <button id="loader-bar-rounded" class="button">rounded</button> </div> <div class="box__item"> <button id="loader-bar-text" class="button">w/ text</button> </div> <div class="box__item"> <button id="loader-bar-blink" class="button">blink</button> </div> <div class="box__item"> <input type="text" id="bar-custom-text" class="input" placeholder="custom text here"> <button id="loader-bar-custom-text" class="button">custom text</button> </div> </div> <div class="box"> <h3 class="box__title">Border</h3> <div class="box__item"> <button id="loader-border" class="button">default</button> </div> <div class="box__item"> <button id="loader-border-text" class="button">w/ text</button> </div> <div class="box__item"> <button id="loader-border-blink" class="button">blink</button> </div> <div class="box__item"> <input type="text" id="border-custom-text" class="input" placeholder="custom text here"> <button id="loader-border-custom-text" class="button">custom-text</button> </div> </div> <div class="box"> <h3 class="box__title">Double</h3> <div class="box__item"> <button id="loader-double" class="button">default</button> </div> </div> <div class="box"> <h3 class="box__title">clock</h3> <div class="box__item"> <button id="loader-clock" class="button">default</button> </div> </div> <div class="box"> <h3 class="box__title">Ball</h3> <div class="box__item"> <button id="loader-ball" class="button">default</button> </div> <div class="box__item"> <button id="loader-ball-shadow" class="button">shadow</button> </div> </div> <div class="box"> <h3 class="box__title">Smartphone</h3> <div class="box__item"> <button id="loader-smartphone" class="button">default</button> </div> <div class="box__item"> <button id="loader-smartphone-text" class="button">w/ text</button> </div> <div class="box__item"> <input type="text" id="smartphone-custom-text" class="input" placeholder="custom text here"> <button id="loader-smartphone-custom-text" class="button">custom text</button> </div> </div> </div> </div> </div> <script src="js/main.min.js"></script> <div style="text-align:center;clear:both;"> <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script> <script src="/follow.js" type="text/javascript"></script> </div> </body> </html>
评论
    相关推荐