Skip to content

Commit 97f2949

Browse files
committed
chore: Change main branch
1 parent b18d0c9 commit 97f2949

1 file changed

Lines changed: 53 additions & 1 deletion

File tree

docs/stylesheets/extra.css

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,56 @@
11
.center {
22
display: block;
33
margin: 0 auto;
4-
}
4+
}
5+
6+
/* Rainbow Glow Effect for Logo */
7+
.md-header .md-logo {
8+
position: relative;
9+
border-radius: 8px;
10+
animation: rainbowGlow 3s ease-in-out infinite;
11+
transition: all 0.3s ease;
12+
transform: scale(1.25);
13+
}
14+
15+
.md-header .md-logo:hover {
16+
transform: scale(1.05);
17+
animation-duration: 1.5s;
18+
}
19+
20+
@keyframes rainbowGlow {
21+
0% {
22+
filter:
23+
drop-shadow(0 0 5px rgba(255, 0, 150, 0.24))
24+
drop-shadow(0 0 10px rgba(255, 0, 150, 0.12));
25+
}
26+
16.67% {
27+
filter:
28+
drop-shadow(0 0 5px rgba(255, 50, 0, 0.24))
29+
drop-shadow(0 0 10px rgba(255, 50, 0, 0.12));
30+
}
31+
33.33% {
32+
filter:
33+
drop-shadow(0 0 5px rgba(255, 200, 0, 0.24))
34+
drop-shadow(0 0 10px rgba(255, 200, 0, 0.12));
35+
}
36+
50% {
37+
filter:
38+
drop-shadow(0 0 5px rgba(0, 255, 100, 0.24))
39+
drop-shadow(0 0 10px rgba(0, 255, 100, 0.12));
40+
}
41+
66.67% {
42+
filter:
43+
drop-shadow(0 0 5px rgba(0, 150, 255, 0.24))
44+
drop-shadow(0 0 10px rgba(0, 150, 255, 0.12));
45+
}
46+
83.33% {
47+
filter:
48+
drop-shadow(0 0 5px rgba(100, 0, 255, 0.24))
49+
drop-shadow(0 0 10px rgba(100, 0, 255, 0.12));
50+
}
51+
100% {
52+
filter:
53+
drop-shadow(0 0 5px rgba(255, 0, 150, 0.24))
54+
drop-shadow(0 0 10px rgba(255, 0, 150, 0.12));
55+
}
56+
}

0 commit comments

Comments
 (0)