CSS3风速切换场景动画

3,834 人浏览

2018-12-29 14:18:16

本文作者html5tricks，转载请注明出处

今天给大家分享一个基于CSS3的风速切换场景动画，首先页面上的场景画面是通过CSS绘制而成，总体来说是一个刮风天气场景，风车会转动，树叶也会随风飘摇。此时你可以通过一个开关来切换风速，风速变化的同时，风车的转速和树叶飘动的幅度也会随之变化，反应一个真实的刮风天气，而这一切都是通过CSS3的动画特性来完成的。