Animated · CSS only

Weather Cards

Four hand-built scenes — rotating rays, falling rain, drifting snow and flashing lightning, drawn with nothing but HTML elements and pseudo-elements.

Cairo

Clear
34°

Bright sunshine with a light desert breeze.

Feels 37°Humidity 18%

London

Rain
12°

Steady rainfall continuing into the evening.

Feels 9°Rain 8 mm

Reykjavík

Snow
-4°

Light snowflakes drifting over quiet streets.

Feels -9°Wind 14 km/h

Mumbai

Storm
27°

Thunderstorms with heavy showers nearby.

Feels 31°Gusts 62 km/h