From 2c65d9cb14de700b88dd593a60a1171f41342ca8 Mon Sep 17 00:00:00 2001 From: elvistony Date: Fri, 1 Dec 2023 16:20:56 +0000 Subject: [PATCH] Added Snow --- css/snow.css | 36 ++ img/christmas.svg | 1309 +++++++++++++++++++++++++++++++++++++++++++++ index.html | 4 +- 3 files changed, 1348 insertions(+), 1 deletion(-) create mode 100644 css/snow.css create mode 100644 img/christmas.svg diff --git a/css/snow.css b/css/snow.css new file mode 100644 index 0000000..56dc203 --- /dev/null +++ b/css/snow.css @@ -0,0 +1,36 @@ +.snow{ + position:fixed; + pointer-events:none; + top:0; + left:0; + right:0; + bottom:0; + height:100vh; + background: none; + background-image: url('https://web.archive.org/web/20231102081406im_/https://s3-eu-west-1.amazonaws.com/static-ressources/s1.png'), url('https://web.archive.org/web/20231102081406im_/https://s3-eu-west-1.amazonaws.com/static-ressources/s2.png'), url('https://web.archive.org/web/20231102081406im_/https://s3-eu-west-1.amazonaws.com/static-ressources/s3.png'); + z-index:100; + -webkit-animation: snow 10s linear infinite; + -moz-animation: snow 10s linear infinite; + -ms-animation: snow 10s linear infinite; + animation: snow 10s linear infinite; + } + @keyframes snow { + 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} + 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} + 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} + } + @-moz-keyframes snow { + 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} + 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} + 100% {background-position: 400px 1000px, 200px 400px, 100px 300px;} + } + @-webkit-keyframes snow { + 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} + 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} + 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} + } + @-ms-keyframes snow { + 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} + 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} + 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} + } \ No newline at end of file diff --git a/img/christmas.svg b/img/christmas.svg new file mode 100644 index 0000000..6f9ced4 --- /dev/null +++ b/img/christmas.svg @@ -0,0 +1,1309 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index b7b27a4..5080749 100644 --- a/index.html +++ b/index.html @@ -11,8 +11,10 @@ + - + +