Pure CSS Weather Forecast

Four atmospheric cards crafted exclusively with semantic HTML elements and CSS animations.

Lisbon

Portugal
UV High
28 °C

Bright & Sunny

Wind 11 km/h
Humidity 38%
Feels like 30°C

Seattle

United States
85% Rain
13 °C

Steady Rain

Wind 19 km/h
Humidity 89%
Feels like 11°C

Reykjavik

Iceland
Frost
-3 °C

Light Snowfall

Wind 14 km/h
Humidity 76%
Feels like -8°C

Tokyo

Japan
Alert
19 °C

Thunderstorm

Wind 42 km/h
Humidity 94%
Feels like 17°C