-
Notifications
You must be signed in to change notification settings - Fork 20
/
index.html
executable file
·15 lines (15 loc) · 1.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Splash Transition</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="background-image"></div>
<button>Animate</button><svg class="svg-center" width="200" height="200"><path class="path-center" d="M 100 100 m -100 0 a 100 100 0 1 0 200 0 a 100 100 0 1 0 -200 0"/></svg><svg class="svg-borders" width="10000" height="5000"><path class="path-borders" d="M 5000 2500 m -174 0 a 174 174 0 1 0 348 0 a 174 174 0 1 0 -348 0"/><path class="path-borders" d="M 5000 2500 m -323 0 a 323 323 0 1 0 646 0 a 323 323 0 1 0 -646 0"/><path class="path-borders" d="M 5000 2500 m -472 0 a 472 472 0 1 0 944 0 a 472 472 0 1 0 -944 0"/><path class="path-borders" d="M 5000 2500 m -621 0 a 621 621 0 1 0 1242 0 a 621 621 0 1 0 -1242 0"/><path class="path-borders" d="M 5000 2500 m -770 0 a 770 770 0 1 0 1540 0 a 770 770 0 1 0 -1540 0"/></svg>
<script src="js/scripts.js"></script>
</body>
</html>