简易风车模型

开发工具:DW
撰写时间:2019年1月31日

CSS3能够实现的动画特效有很多,下面就让我们来看一下怎样通过CSS3来完成风车转动的效果。代码如下:
一、结构部分

简易风车模型
创建一大盒子,然后就用“包裹”方式,把里面的内容都装起来。这就初步完成结构的部分。
二、样式部分

简易风车模型
这就是那个梯形和转杆的样式
简易风车模型
这个就是转轴的样式和动画函数。转动的原理就是把转轴的中心给定住,用动画转动函数实现转动效果。这也可以说是核心部分吧!
接下来看效果图

简易风车模型
此作品并非原创[email protected]

相关文章: