feat: add flicker anim

This commit is contained in:
2026-06-02 04:30:03 -03:00
parent 0fca4db440
commit 4691a9fbf4
@@ -19,11 +19,39 @@
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
/* filter: invert(100%); */
backdrop-filter: brightness(100%);
grid-auto-rows: 5vh; grid-auto-rows: 5vh;
/* grid-template-columns: 0; */ /* grid-template-columns: 0; */
grid-template-rows: repeat(auto-fit, max-content); grid-template-rows: repeat(auto-fit, max-content);
user-select: none; user-select: none;
will-change: filter;
animation: invertFlicker 0.07s infinite alternate;
}
@keyframes invertFlicker {
0%,
43%,
45%,
88%,
92% {
filter: invert(0%) contrast(100%) brightness(100%);
backdrop-filter: brightness(100%) hue-rotate(0deg);
}
44%,
46%,
89%,
93%,
100% {
filter: invert(100%) contrast(300%) brightness(150%);
backdrop-filter: brightness(30%) hue-rotate(180deg) saturate(500%);
}
} }
.finale-text { .finale-text {