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