forked from vansh-codes/ChaosWeb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style1.css
40 lines (35 loc) · 766 Bytes
/
style1.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
29
30
31
32
33
34
35
36
37
38
39
40
body {
padding: 0;
margin: 0;
background-color: darkslateblue;
font-family: Arial, Helvetica, sans-serif;
}
.moon1 {
display: flex;
justify-content: center;
cursor: pointer;
}
.moon1 img {
width: 650px;
transition: 0.3s ease;
}
.moon1 img:hover {
content: url(assets/moon2.png); /* This changes the image source on hover */
}
.text {
display: flex;
justify-content: center;
color: white;
font-size: 50px;
text-align: center;
animation: float 3s ease-in-out infinite; /* Apply floating animation */
}
/* Floating animation */
@keyframes float {
0%, 100% {
transform: translateY(0); /* Start and end position */
}
50% {
transform: translateY(-10px); /* Move up */
}
}