CSS-only forecast

Four skies, one page

Animated weather cards built only from HTML elements, CSS gradients, pseudo-elements and @keyframes.

31°

Lisbon

Sunny

Clear skies, golden light and a warm Atlantic breeze.

17°

London

Rainy

Steady showers falling under a soft, low grey sky.

-3°

Oslo

Snowy

Soft flakes drifting down over a quiet winter city.

6°

Reykjavík

Stormy

Thunder, cold wind and sudden bright flashes of light.