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

@@ -15,7 +15,7 @@
.carnival-wrapper {
position: fixed;
z-index: 15;
top: -20px;
top: 0;
will-change: transform;
animation-name: carnival-fall;
animation-timing-function: linear;
@@ -34,7 +34,7 @@
.carnival-confetti {
width: 8px;
height: 16px;
background-color: #f0f;
background-color: rgb(0, 0, 0);
will-change: transform;
animation-name: carnival-flutter;
animation-timing-function: linear;
@@ -60,10 +60,10 @@
@keyframes carnival-fall {
0% {
transform: translateY(0);
transform: translate3d(0, -10vh, 0);
}
100% {
transform: translateY(120vh);
transform: translate3d(0, 110vh, 0);
}
}