You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.4 KiB
CSS
56 lines
1.4 KiB
CSS
/* Title Card Shooty Text Flicker */
|
|
@keyframes titleCardShootyTextFlicker {
|
|
37%, 39%, 41%, 43% {
|
|
text-shadow: 0 0 10px #0062ff, 0 0 20px #0062ff, 0 0 30px #0062ff, 0 0 40px #0062ff;
|
|
}
|
|
35%, 38%, 40%, 42% {
|
|
text-shadow: 0 0 10px #0062ff, 0 0 20px #0062ff;
|
|
}
|
|
}
|
|
|
|
/* Title Card Arena Text Flicker */
|
|
@keyframes titleCardArenaTextFlicker {
|
|
38%, 40% {
|
|
text-shadow: 0 0 10px #ff3300, 0 0 20px #ff3300, 0 0 30px #ff3300, 0 0 40px #ff3300;
|
|
}
|
|
35%, 39% {
|
|
text-shadow: 0 0 10px #ff3300, 0 0 20px #ff3300;
|
|
}
|
|
}
|
|
|
|
/* Title Card */
|
|
.titleCard {
|
|
width: 40%;
|
|
padding: 30px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: #1a1a1a;
|
|
}
|
|
|
|
/* Title Card H4 First Child */
|
|
.titleCard h4:first-child {
|
|
text-shadow: 0 0 10px #0062ff, 0 0 20px #0062ff, 0 0 30px #0062ff, 0 0 40px #0062ff;
|
|
animation: titleCardShootyTextFlicker 4s infinite;
|
|
}
|
|
|
|
/* Title Card h4 Last Child */
|
|
.titleCard h4:last-child {
|
|
text-shadow: 0 0 10px #ff3300, 0 0 20px #ff3300, 0 0 30px #ff3300, 0 0 40px #ff3300;
|
|
animation: titleCardArenaTextFlicker 6s infinite;
|
|
}
|
|
|
|
/* Title Card H4 First Child A */
|
|
.titleCard h4:first-child a {
|
|
font-family: NeonSans;
|
|
font-size: 50px;
|
|
color: #0062ff;
|
|
}
|
|
|
|
/* Title Card H4 Last Child A */
|
|
.titleCard h4:last-child a {
|
|
font-family: NeonSans;
|
|
font-size: 50px;
|
|
color: #ff3300;
|
|
} |