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

9
Jellyfin.Plugin.Seasonals/Web/cherryblossom.css
View File

@@ -14,14 +14,15 @@
/* Petals */
.cherryblossom-petal {
position: fixed;
top: -20px;
top: 0;
z-index: 1005;
width: 15px;
height: 10px;
background-color: #ffc0cb;
border-radius: 15px 0px 15px 0px;
will-change: transform, top;
will-change: transform;
translate: 0 -10vh;
animation-name: cherryblossom-fall, cherryblossom-sway;
animation-timing-function: linear, ease-in-out;
animation-iteration-count: infinite, infinite;
@@ -45,8 +46,8 @@
}
@keyframes cherryblossom-fall {
0% { top: -10%; }
100% { top: 110%; }
0% { translate: 0 -10vh; }
100% { translate: 0 110vh; }
}
@keyframes cherryblossom-sway {