Enhance CSS animations and performance across seasonal styles; add will-change property for smoother transitions and optimize keyframes. [skip ci]

2026-02-27 03:42:23 +01:00
parent 296873f89e
commit f14785c54a
14 changed files with 303 additions and 402 deletions
--- a/Jellyfin.Plugin.Seasonals/Web/oktoberfest.css
+++ b/Jellyfin.Plugin.Seasonals/Web/oktoberfest.css
@@ -12,13 +12,15 @@
 }

 .oktoberfest-symbol {
+    will-change: transform;
    position: absolute;
-    top: -10%;
+    top: 0;
    font-size: 2.2em;
    user-select: none;
    animation-name: oktoberfest-fall, oktoberfest-sway;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
+    translate: 0 -10vh;
 }

@keyframes oktoberfest-fall {