feat: Add a setting and animation for the fear tracker when it reaches maximum value.

This commit is contained in:
CPTN Cosmo 2025-12-19 03:52:43 +01:00
parent 8a01374d3f
commit 70929ef693
3 changed files with 63 additions and 3 deletions

View file

@ -2,10 +2,37 @@
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block; /* Required for gradient text */
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;
}