diff options
author | Yaroslav <contact@yaroslavps.com> | 2019-01-31 15:30:44 +0300 |
---|---|---|
committer | Yaroslav <contact@yaroslavps.com> | 2019-01-31 15:30:44 +0300 |
commit | 2da5cc0a05ad6f634cf23565d6adee6edc67af6e (patch) | |
tree | c9b3d84ff7fca209e0af513142f432b874e10883 /dvd/dvd.html | |
parent | 3fc8db582ab295ebf7a16546e867e6ba62d282bf (diff) | |
download | canvas-antics-2da5cc0a05ad6f634cf23565d6adee6edc67af6e.tar.gz canvas-antics-2da5cc0a05ad6f634cf23565d6adee6edc67af6e.zip |
dvd screensaver
Diffstat (limited to 'dvd/dvd.html')
-rw-r--r-- | dvd/dvd.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/dvd/dvd.html b/dvd/dvd.html new file mode 100644 index 0000000..089788f --- /dev/null +++ b/dvd/dvd.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf8"> + <title>DVD Screensaver demo</title> + <script src="dvd.js"></script> +<style> +body, +html{ + margin: 0; + padding: 0; + background-color: #000; + min-height: 100vh; + min-width: 100%; +} + +*{ + box-sizing: border-box; +} + +.canvas-container{ + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + margin: 0; + padding: 0; + overflow: hidden; +} + +#dvd{ + position: absolute; + margin: 0; + padding: 0; + bottom: 0; +} +</style> + <script> + window.addEventListener("load", function(){ + dvdScreensaver({"speed": 210}); + }); + </script> + </head> + <body> + <div class="canvas-container"> + <canvas id="dvd"></canvas> + </div> + </body> +</html> |