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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user