html
html
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<title>Happy New Year</title>
<!--
Hello everyone and welcome to my New Year's code.
Hope you enjoy it.
I took all the models from the internet and all of them
have been converted to lower quality for better performance.
This code can take 1 - 4 min to load (It depends on your Internet, if it’s weak there will be long loading and I can't do anything about it).
For a comfortable download you need internet at speed 15-20 mbps or higher.
Thank you for visiting and happy new year 😊
Sorry for being late :)
-->
<!--
⁉️
How to use
On PC:
hold down left mouse button to rotate this scene;
hold down right mouse button to drag this scene;
Also use mouse wheel to change distance to this scene.
css
css
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
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: black;
font-family: "Poppins", sans-serif;
}
#cnvs {
position: relative;
margin: 0 auto;
width: 100%;
height: 100%;
display: block;
filter: blur(15px);
transition: filter 250ms ease-in-out;
}
.main-wrapper {
position: absolute;
display: block;
background: transparent;
z-index: 99999;
width: 100%;
js
js
1
BROWSER
Console
Run