Skip to content

Commit 2436da9

Browse files
authored
Update index.html
1 parent 82dcca5 commit 2436da9

File tree

1 file changed

+48
-1
lines changed

1 file changed

+48
-1
lines changed

index.html

Lines changed: 48 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,48 @@
1-
hello i am bubu07
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6+
<title>Hello I'm bubu07</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
14+
body {
15+
height: 100vh;
16+
display: flex;
17+
justify-content: center;
18+
align-items: center;
19+
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
20+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
21+
overflow: hidden;
22+
}
23+
24+
h1 {
25+
font-size: 5rem;
26+
color: #fff;
27+
text-shadow: 0 0 20px #00ffe1, 0 0 40px #00bcd4, 0 0 60px #00ffe1;
28+
animation: spin 10s linear infinite, pulse 2s ease-in-out infinite;
29+
transform-style: preserve-3d;
30+
perspective: 1000px;
31+
}
32+
33+
@keyframes spin {
34+
0% { transform: rotateY(0deg) rotateX(0deg); }
35+
50% { transform: rotateY(180deg) rotateX(360deg); }
36+
100% { transform: rotateY(360deg) rotateX(720deg); }
37+
}
38+
39+
@keyframes pulse {
40+
0%, 100% { text-shadow: 0 0 10px #00ffe1; }
41+
50% { text-shadow: 0 0 30px #00bcd4, 0 0 60px #00ffe1; }
42+
}
43+
</style>
44+
</head>
45+
<body>
46+
<h1>Hello, I'm bubu07</h1>
47+
</body>
48+
</html>

0 commit comments

Comments
 (0)