aboutsummaryrefslogtreecommitdiffhomepage
path: root/starfield/stars.html
diff options
context:
space:
mode:
authorYaroslav <contact@yaroslavps.com>2018-12-15 19:56:13 +0300
committerYaroslav <contact@yaroslavps.com>2018-12-15 19:56:13 +0300
commitbaf92820c994a46a66a61cf0d2f2a3bc1ec07076 (patch)
tree35fe39aa4d3ac1c9f7e09a7eb9ffa5113b17b7cc /starfield/stars.html
parent91ebe149046fae3b075f7ea5bfa7b1532c9bc7c5 (diff)
downloadcanvas-antics-baf92820c994a46a66a61cf0d2f2a3bc1ec07076.tar.gz
canvas-antics-baf92820c994a46a66a61cf0d2f2a3bc1ec07076.zip
starfield algorithm, css on snow/stars html
Diffstat (limited to 'starfield/stars.html')
-rw-r--r--starfield/stars.html20
1 files changed, 18 insertions, 2 deletions
diff --git a/starfield/stars.html b/starfield/stars.html
index e763898..9cea324 100644
--- a/starfield/stars.html
+++ b/starfield/stars.html
@@ -18,10 +18,24 @@ html{
box-sizing: border-box;
}
-#stars{
+.canvas-container{
width: 100%;
height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
}
+
+#stars{
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ bottom: 0;
+}
+
</style>
<script>
window.addEventListener("load", function(){
@@ -30,7 +44,9 @@ html{
</script>
</head>
<body>
- <canvas id="stars"></canvas>
+ <div class="canvas-container">
+ <canvas id="stars"></canvas>
+ </div>
</body>
</html>