Weather, Pure CSS

Four animated cards built with HTML and CSS only. No JavaScript, images, SVG or icon fonts.

Phoenix

34°C

Clear skies and blazing sunshine all afternoon

UV 9 · Extreme Wind 8 km/h

Seattle

11°C

Steady rain drifting in, bring an umbrella

Rain 85% Wind 22 km/h

Oslo

−4°C

Fresh snowfall, soft and quiet across the rooftops

Snow 2 cm/h Wind 15 km/h

Miami

29°C

Thunderstorms rolling in with flashes of lightning

Gusts 70 km/h Lightning nearby