Bulb ON/OFF Animation in html and css
<!DOCTYPE html > <html> <style> *, *::after, *::before { box-sizing: border-box; } body { background: #001933; } .container { width: 75px; height: 275px; animation: bulb-swing 3s infinite ease-in-out; transform-origin: top center; position: absolute; top: 0; left: calc(50% - (75px/2)); } .container.paused { animation-play-state: paused; } .bulb { z-index: 10; display: block; width: 75px; height: 75px; border-radius: 50%; position: absolute; top: 200px; left: calc(50% - (75px/2)); ...
