38 lines
No EOL
908 B
CSS
38 lines
No EOL
908 B
CSS
.fear-tracker-plus-gradient {
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
display: inline-block;
|
|
/* Required for gradient text */
|
|
}
|
|
|
|
/* Ensure the icon keeps its size and doesn't collapse */
|
|
#resource-fear i.fear-tracker-plus-custom {
|
|
transition: all 0.5s ease;
|
|
}
|
|
|
|
@keyframes fearPulse {
|
|
0% {
|
|
transform: scale(1);
|
|
filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
|
|
}
|
|
|
|
50% {
|
|
transform: scale(1.1);
|
|
filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.5));
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1);
|
|
filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
|
|
}
|
|
}
|
|
|
|
#resource-fear i.fear-tracker-plus-animate {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
vertical-align: middle;
|
|
transform-origin: center center;
|
|
animation: fearPulse 2s infinite ease-in-out;
|
|
} |