Published on

Disable pulsing moon and sun animations

Authors

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.