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/marioday.css
+++ b/Jellyfin.Plugin.Seasonals/Web/marioday.css
@@ -29,11 +29,13 @@
 }

 .mario-jump {
+    will-change: transform;
    animation: jump-arc 0.8s ease-in-out;
 }

 /* 8-bit coin styling */
 .mario-coin {
+    will-change: transform;
    position: absolute;
    width: 32px;
    height: 32px;
@@ -47,11 +49,12 @@
 .mario-coin::after {
    content: '';
    position: absolute;
-    top: 6px;
+    top: 0;
    left: 10px;
    width: 4px;
    height: 12px;
    background: #daa520;
+    translate: 0 6px;
 }

@keyframes mario-run {