Pure HTML & CSS • Zero JavaScript

Today’s Weather,
beautifully animated.

Four conditions crafted entirely from HTML elements and CSS pseudo-elements — no images, no SVG, no icon fonts. Hover a card to lift it.

Sunny01

Phoenix

Arizona • USA

32°C

Clear skies with bright, warm sunshine all day long.

Humidity28%
UV Index9 • High
Rainy02

Seattle

Washington • USA

14°C

Steady rain showers and a cool, misty breeze.

Humidity91%
Wind18 km/h
Snowy03

Aspen

Colorado • USA

-6°C

Light snow drifting over a quiet winter wonderland.

Snowfall4 cm
Humidity74%
Stormy04

Miami

Florida • USA

27°C

Thunderstorms with frequent lightning and heavy downpours.

Humidity88%
Gusts42 km/h