Weather Cards

Four conditions, four gradients — icons drawn entirely with HTML & CSS, animated with @keyframes.

Seville
31°C

Golden sun blazing over the rooftops. Cool drinks and shade all day.

Sunny
Bergen
14°C

Steady drizzle with grey skies. Take the coat, skip the umbrella — it won't last.

Rainy
Tromsø
−6°C

Soft snowflakes drifting down onto a quiet white blanket. Bundle up.

Snowy
Miami
26°C

Dark clouds, thunder rolls and lightning splits the sky. Stay indoors.

Stormy