codeninjasuk/dojo
1
0
Fork 0
mirror of https://github.com/codeninjasuk/dojo.git synced 2024-11-22 15:37:51 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added Snow

Browse source
This commit is contained in:
elvistony 2023-12-01 16:20:56 +00:00
parent b8770cf9b7
commit 2c65d9cb14
3 changed files with 1348 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
css/snow.css Normal file
View file

@ -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;}
}

1309
img/christmas.svg Normal file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 98 KiB

4
index.html
View file

@ -11,8 +11,10 @@
<link rel="stylesheet" href="/css/styles.css"> <link rel="stylesheet" href="/css/styles.css">
<link rel="icon" type="image/png" href="https://impact.codeninjas.com/favicon.ico"> <link rel="icon" type="image/png" href="https://impact.codeninjas.com/favicon.ico">
<link rel="shortcut icon" href="https://impact.codeninjas.com/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="https://impact.codeninjas.com/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/css/snow.css">
</head> </head>
<body class="" style="background-color: #0c0517;"> <body class="" style="background-color: #17202A;">
<div class="snow"></div>
<!-- bg-black --> <!-- bg-black -->
<div class="title mt-5 text-center justify-center items-center" style="text-align:-webkit-center;"> <div class="title mt-5 text-center justify-center items-center" style="text-align:-webkit-center;">
<img src="/img/logo-cn.png" class="justify-center" width="200" alt=""> <img src="/img/logo-cn.png" class="justify-center" width="200" alt="">