Barcelona
28°C
Clear skies with a warm sea breeze
HTML + CSS only · zero JavaScript
Four skies, four cities
Every icon below is drawn with plain elements, pseudo-elements, gradients and box-shadows — and every animation is nothing more than @keyframes. Hover a card to lift it.
London
14°C
Steady drizzle all afternoon
Reykjavík
−3°C
Light snow drifting on the wind
New Orleans
21°C
Thunderstorms rolling in fast