68 lines
1.4 KiB
HTML
68 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html >
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>单个元素实现的 CSS3 Loading 效果</title>
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="inner">
|
|
|
|
<link rel="stylesheet" href="css/load1.css">
|
|
|
|
<div class="load-container load1">
|
|
<div class="loader">Loading...</div>
|
|
</div>
|
|
|
|
<link rel="stylesheet" href="css/load2.css">
|
|
|
|
<div class="load-container load2">
|
|
<div class="loader">Loading...</div>
|
|
</div>
|
|
|
|
<link rel="stylesheet" href="css/load3.css">
|
|
|
|
<div class="load-container load3">
|
|
<div class="loader">Loading...</div>
|
|
</div>
|
|
|
|
<link rel="stylesheet" href="css/load4.css">
|
|
|
|
<div class="load-container load4">
|
|
<div class="loader">Loading...</div>
|
|
</div>
|
|
|
|
<link rel="stylesheet" href="css/load5.css">
|
|
|
|
<div class="load-container load5">
|
|
<div class="loader">Loading...</div>
|
|
</div>
|
|
|
|
<link rel="stylesheet" href="css/load6.css">
|
|
|
|
<div class="load-container load6">
|
|
<div class="loader">Loading...</div>
|
|
</div>
|
|
|
|
<link rel="stylesheet" href="css/load7.css">
|
|
|
|
<div class="load-container load7">
|
|
<div class="loader">Loading...</div>
|
|
</div>
|
|
|
|
<link rel="stylesheet" href="css/load8.css">
|
|
|
|
<div class="load-container load8">
|
|
<div class="loader">Loading...</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html> |