Peppermint (talk | contribs) No edit summary |
Peppermint (talk | contribs) No edit summary |
||
Line 5: | Line 5: | ||
header #logo h1 a{ | header #logo h1 a{ | ||
font-family: "Press Start 2P"; | font-family: "Press Start 2P"; | ||
span { | |||
font-size: 5.6rem; | |||
text-align: center; | |||
line-height: 1; | |||
color: #c6e2ff; | |||
animation: neon 1.5s ease-in-out infinite alternate; | |||
} | |||
} | |||
/*-- Animation Keyframes --*/ | |||
// animation | |||
@keyframes neon { | |||
from { | |||
text-shadow: | |||
0 0 6px #008c9692, | |||
0 0 30px #008c9634, | |||
0 0 12px #008c9652, | |||
0 0 21px #008c9692, | |||
0 0 34px #008c9678, | |||
0 0 54px #008c9692; | |||
} | |||
to { | |||
text-shadow: | |||
0 0 6px #00a78b98, | |||
0 0 30px #00a78b42, | |||
0 0 12px #00a78b58, | |||
0 0 22px #00a78b84, | |||
0 0 38px #00a78b88, | |||
0 0 60px #00a78b99; | |||
} | |||
} | } |
Revision as of 07:37, 22 March 2023
a:hover{
text-decoration:none;
color: #D4AF37;}
header #logo h1 a{
font-family: "Press Start 2P";
span {
font-size: 5.6rem;
text-align: center;
line-height: 1;
color: #c6e2ff;
animation: neon 1.5s ease-in-out infinite alternate;
}
}
/*-- Animation Keyframes --*/
// animation
@keyframes neon {
from {
text-shadow:
0 0 6px #008c9692,
0 0 30px #008c9634,
0 0 12px #008c9652,
0 0 21px #008c9692,
0 0 34px #008c9678,
0 0 54px #008c9692;
}
to {
text-shadow:
0 0 6px #00a78b98,
0 0 30px #00a78b42,
0 0 12px #00a78b58,
0 0 22px #00a78b84,
0 0 38px #00a78b88,
0 0 60px #00a78b99;
}
}