Expanding Overlay EffectRevealing content using CSS clip

Lisbon
21°C
close

Lisbon21°C

Mon19°C

Tue19°C

Wed18°C

Thu17°C

Fri19°C

Sat22°C

Sun18°C
Paris
11°C
close

Paris11°C

Mon12°C

Tue11°C

Wed10°C

Thu9°C

Fri10°C

Sat10°C

Sun12°C
Belgrade
15°C
close

Belgrade15°C

Mon16°C

Tue17°C

Wed15°C

Thu13°C

Fri10°C

Sat11°C

Sun12°C
Moscow
2°C
close

Moscow1°C

Mon-1°C

Tue-2°C

Wed-6°C

Thu-4°C

Fri-5°C

Sat-6°C

Sun-8°C
New Delhi
17°C
close

New Delhi17°C

Mon18°C

Tue19°C

Wed16°C

Thu17°C

Fri18°C

Sat17°C

Sun17°C
Tel Aviv
23°C
close

Tel Aviv22°C

Mon23°C

Tue22°C

Wed22°C

Thu21°C

Fri21°C

Sat21°C

Sun24°C
Cairo
21°C
close

Cairo21°C

Mon22°C

Tue20°C

Wed21°C

Thu21°C

Fri21°C

Sat22°C

Sun23°C
New York
3°C
close

New York3°C

Mon3°C

Tue-1°C

Wed-2°C

Thu1°C

Fri0°C

Sat2°C

Sun3°C
San Francisco
15°C
close

San Francisco15°C

Mon16°C

Tue14°C

Wed13°C

Thu15°C

Fri15°C

Sat16°C

Sun15°C
Tokyo
8°C
close

Tokyo8°C

Mon7°C

Tue6°C

Wed8°C

Thu8°C

Fri6°C

Sat5°C

Sun5°C
Sydney
25°C
close

Sydney28°C

Mon24°C

Tue26°C

Wed27°C

Thu30°C

Fri31°C

Sat29°C

Sun29°C

下载代码说明

CSS3点击效应：WIN 8切换效果

纯CSS3实现的Metro风格，每一种box都包含一种切换效果，亦可全屏显示。只支持FF等高版本浏览器，IE浏览器下暂时无效果