- Published on
Disable pulsing moon and sun animations
- Authors
-
-
- Name
- Roman Prokofyev
-
Initially, sun and moon objects were animated with pulsing border effect using CSS animations as following
@keyframes pulse {
0% {
box-shadow: 0 0 16px var(--pulse-color), inset 0 0 16px var(--pulse-color);
}
50% {
box-shadow: 0 0 32px var(--pulse-color), inset 0 0 28px var(--pulse-color);
}
100% {
box-shadow: 0 0 16px var(--pulse-color), inset 0 0 16px var(--pulse-color);
}
}
#sun {
--pulse-color: #F7ED47;
animation: pulse 2s linear 1s infinite;
}
Unfortunately, such animations created a lot of overhead, especially on raspberry PI and lowered FPS by 5-10. I have decided to disable them at the moment.