16
Raining
New York
August 16th
New York
Forecast
Mon 18
18° 12°
T-Stroms
Tue 19
17° 14°
Showers
Wed 20
19° 15°
Rain
Thu 21
16° 11°
Drizzle
Fri 22
21° 16°
T-Sunny
Sat 23
14° 12°
Windy
Normals: High: 15° Low: 13°
A Pen by @khadkamhn
下载代码说明
X关闭

纯CSS3实现带3D卡片翻转效果的天气预报动画特效源码

这是一款基于纯CSS3实现带3D卡片翻转效果的天气预报动画特效源码。画面上由纯css3绘制的卡片界面上浮现着一个自由女神像,右侧带有相应的天气信息。同时背景图上还伴有降雨和闪电的动画效果。点击右下方的按钮还可使卡片翻页,呈现出卡片状的信息展示。该特效采用纯css3实现,没有引入任何外部图形或js元素,建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预