Moving Light and Shadow with CSS
CSS Animated Light & Shadow by Vicio Bonura on CodePen
Open on CodePen ↗A light source moves around the scene and the shadows follow it smoothly. Vicio Bonura built it with box-shadow, animations and background gradients, using only HTML and CSS.
artbox-shadowlinear-gradientradial-gradient
The modern.css newsletter
New CSS each month, and new things in the Atlas. 806 subscribers. Past issues
More like this
See all →- animation
by Kiarash ZarinmehrDancing skeleton
A small skeleton that never stops dancinganimationarttransformborder-radius - animation
by Ricardo Oliva AlonsoPainter
A painter at his easel, drawn and animated in CSSanimationartborder-radiuslinear-gradient - animation
by Henry DesrochesSea drawing
A colourful seascape with gently rolling wateranimationartlinear-gradientborder-radius