64 lines
2.2 KiB
HTML
64 lines
2.2 KiB
HTML
<!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>30种CSS3炫酷页面预加载loading动画特效|DEMO</title>
|
|
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/default.css">
|
|
|
|
<link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="css/Icomoon/style.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header class="header">
|
|
<h1>30种CSS3炫酷页面预加载loading动画特效 <span>30 CSS3 Page Preload Animations</span></h1>
|
|
|
|
</header>
|
|
<div class="content bgcolor-3">
|
|
<h3>Square Animations</h3>
|
|
<div class="demo ">
|
|
<a href="demo1.html">Demo 1</a>
|
|
<a href="demo2.html">Demo 2</a>
|
|
<a href="demo3.html">Demo 3</a>
|
|
<a href="demo4.html">Demo 4</a>
|
|
<a href="demo5.html">Demo 5</a>
|
|
<a href="demo6.html">Demo 6</a>
|
|
<a href="demo7.html">Demo 7</a>
|
|
<a href="demo8.html">Demo 8</a>
|
|
<a href="demo9.html">Demo 9</a>
|
|
<a href="demo10.html">Demo 10</a>
|
|
</div>
|
|
<h3>Round Animations</h3>
|
|
<div class="demo ">
|
|
<a href="demo11.html">Demo 11</a>
|
|
<a href="demo12.html">Demo 12</a>
|
|
<a href="demo13.html">Demo 13</a>
|
|
<a href="demo14.html">Demo 14</a>
|
|
<a href="demo15.html">Demo 15</a>
|
|
<a href="demo16.html">Demo 16</a>
|
|
<a href="demo17.html">Demo 17</a>
|
|
<a href="demo18.html">Demo 18</a>
|
|
<a href="demo19.html">Demo 19</a>
|
|
<a href="demo20.html">Demo 20</a>
|
|
</div>
|
|
<h3>Various Animations</h3>
|
|
<div class="demo ">
|
|
<a href="demo21.html">Demo 21</a>
|
|
<a href="demo22.html">Demo 22</a>
|
|
<a href="demo23.html">Demo 23</a>
|
|
<a href="demo24.html">Demo 24</a>
|
|
<a href="demo25.html">Demo 25</a>
|
|
<a href="demo26.html">Demo 26</a>
|
|
<a href="demo27.html">Demo 27</a>
|
|
<a href="demo28.html">Demo 28</a>
|
|
<a href="demo29.html">Demo 29</a>
|
|
<a href="demo30.html">Demo 30</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |