Refactor z-index values and optimize CSS properties for various seasonal styles; enhance performance with will-change property [skip ci]

This commit is contained in:
CodeDevMLH
2026-02-27 03:53:05 +01:00
parent f14785c54a
commit 73f9be91ef
11 changed files with 210 additions and 265 deletions

View File

@@ -29,13 +29,14 @@
/* Sunbeams */
.spring-sunbeam {
position: fixed;
top: -50%;
top: 0;
height: 200%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 200, 0.08) 50%, rgba(255, 255, 255, 0));
z-index: 5;
transform-origin: top center;
pointer-events: none;
opacity: 0;
translate: 0 -50vh;
}
/* Grass Container (Wrapper) */
@@ -72,6 +73,7 @@
/* SVG Meadow Layer */
.spring-meadow-layer {
will-change: transform;
position: absolute;
bottom: 0;
left: 0;
@@ -94,6 +96,7 @@
}
.spring-sway {
will-change: transform;
transform-origin: bottom center;
animation: spring-meadow-sway 4s ease-in-out infinite alternate;
}