Enhance CSS animations and performance across seasonal styles; add will-change property for smoother transitions and optimize keyframes. [skip ci]

This commit is contained in:
CodeDevMLH
2026-02-27 03:42:23 +01:00
parent 296873f89e
commit f14785c54a
14 changed files with 303 additions and 402 deletions

View File

@@ -11,9 +11,10 @@
}
.rocket-trail {
will-change: transform;
position: absolute;
left: var(--trailX);
top: var(--trailStartY);
top: 0;
width: 4px;
/* activate the following for rocket trail */
@@ -28,6 +29,7 @@
box-shadow: 0 0 8px 2px white;*/
animation: rocket-trail-animation 1s linear forwards;
translate: 0 var(--trailStartY);
}
@keyframes rocket-trail-animation {
@@ -56,6 +58,7 @@
}
.firework {
will-change: transform;
position: absolute;
width: 5px;
height: 5px;