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

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

View File

@@ -14,14 +14,22 @@
.resurrection-symbol {
position: fixed;
z-index: 15;
top: -15%;
top: 0;
translate: 0 -15vh;
user-select: none;
-webkit-user-select: none;
cursor: default;
animation-name: resurrection-fall, resurrection-sway;
animation-timing-function: linear, ease-in-out;
animation-iteration-count: infinite, infinite;
will-change: transform, top;
animation-name: resurrection-fall;
animation-timing-function: linear;
animation-iteration-count: infinite;
will-change: transform;
}
.resurrection-sway-wrapper {
will-change: transform;
animation-name: resurrection-sway;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
.resurrection-symbol img {
@@ -40,11 +48,11 @@
@keyframes resurrection-fall {
0% {
top: -15%;
transform: translate3d(0, -15vh, 0);
}
100% {
top: 110%;
transform: translate3d(0, 105vh, 0);
}
}