CodeDevMLH/Jellyfin-Seasonals-Plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Refactor seasonal CSS animations: update positioning and transform properties for autumn, carnival, cherry blossom, christmas, resurrection, and snowflakes styles

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-24 23:58:08 +01:00
parent c66ccf970e
commit 082120b70b
7 changed files with 57 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
Jellyfin.Plugin.Seasonals/Web/autumn.css
View File

@@ -14,7 +14,9 @@
.leaf {
position: fixed;
z-index: 15;
top: -10%;
top: 0;
will-change: transform;
translate: 0 -10vh;
font-size: 1em;
color: #fff;
font-family: Arial, sans-serif;
@@ -41,30 +43,30 @@
@-webkit-keyframes leaf-fall {
0% {
top: -10%;
translate: 0 -10vh;
}
100% {
top: 110%;
translate: 0 100vh;
}
}
@keyframes leaf-fall {
0% {
top: -10%;
translate: 0 -10vh;
}
100% {
top: 110%;
translate: 0 100vh;
}
}
@-webkit-keyframes leaf-shake {
0%, 100% {
-webkit-transform: translateX(0) rotate(var(--rotate-start, -20deg));
transform: translateX(0) rotate(var(--rotate-start, -20deg));
}
50% {
-webkit-transform: translateX(80px) rotate(var(--rotate-end, 20deg));
transform: translateX(80px) rotate(var(--rotate-end, 20deg));
}
}