57 lines
1.4 KiB
HTML
57 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Loader #3</title>
|
|
<link rel="stylesheet" type="text/css" href="css/style-3.css" />
|
|
<!--[if IE]>
|
|
<script src="js/html5.js"></script>
|
|
<![endif]-->
|
|
<style>
|
|
|
|
|
|
a{
|
|
background: #13A3A5;
|
|
padding:5px;
|
|
margin:10px;
|
|
display:block;
|
|
font-weight:100;
|
|
cursor:pointer;
|
|
font-size:1.5em;
|
|
float:left;
|
|
text-decoration:none;
|
|
font-size:18px;
|
|
color:white
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<a href="loader-1.html">loader 1</a>
|
|
<a href="loader-2.html">loader 2</a>
|
|
<a href="loader-3.html">loader 3</a>
|
|
<a href="loader-4.html">loader 4</a>
|
|
<a href="loader-5.html">loader 5</a>
|
|
<a href="loader-6.html">loader 6</a>
|
|
<a href="loader-7.html">loader 7</a>
|
|
<a href="loader-8.html">loader 8</a>
|
|
<a href="loader-9.html">loader 9</a>
|
|
<a href="loader-10.html">loader 10</a>
|
|
|
|
|
|
<div class="loader">
|
|
<span class="text"><span>L</span><span>o</span><span>a</span><span>d</span><span>i</span><span>n</span><span>g</span></span>
|
|
<div class="rotation">
|
|
<svg width="200" height="200">
|
|
<line class="top" x1="-200" y1="0" x2="400" y2="0"/>
|
|
<line class="left" x1="0" y1="0" x2="0" y2="-400"/>
|
|
<line class="bottom" x1="-200" y1="200" x2="0" y2="200"/>
|
|
<line class="right" x1="200" y1="200" x2="200" y2="400"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|