1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../resources/stage.css">
<style>
.circle {
position: absolute;
background-color: #000000;
border-radius: 50% 50%;
}
.rect {
position: absolute;
background-color: #000000;
}
.star {
-webkit-clip-path: polygon(50% 0%, 38% 38%, 0% 38%, 30% 60%, 18% 100%, 50% 75%, 82% 100%, 70% 60%, 100% 38%, 62% 38%);
-ms-clip-path: polygon(50% 0%, 38% 38%, 0% 38%, 30% 60%, 18% 100%, 50% 75%, 82% 100%, 70% 60%, 100% 38%, 62% 38%);
clip-path: polygon(50% 0%, 38% 38%, 0% 38%, 30% 60%, 18% 100%, 50% 75%, 82% 100%, 70% 60%, 100% 38%, 62% 38%);
}
</style>
</head>
<body>
<div id="stage"></div>
<script src="../../resources/strings.js"></script>
<script src="../../resources/extensions.js"></script>
<script src="../../resources/statistics.js"></script>
<script src="../resources/math.js"></script>
<script src="../resources/main.js"></script>
<script src="resources/bouncing-particles.js"></script>
<script src="resources/bouncing-css-shapes.js"></script>
</body>
</html>
|
