CSS3超逼真的风车旋转动画

CSS3超逼真的风车旋转动画

这是一款CSS3超逼真的风车旋转动画,只不过这个风车的元素更丰富,更像是在一个美丽的村庄中,一个风车在日落的渲染下不停的旋转工作。

HTML代码
直接在网站引入此代码即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="window">
  <div class="windmill">
    <div class="pillar"></div>
    <div class="dome">
      <div class="dome-window"></div>
    </div>
    <div class="windmill-window"></div>
    <div class="blades">
      <div class="blade blade-1"></div>
      <div class="blade blade-2"></div>
      <div class="blade blade-3"></div>
      <div class="blade blade-4"></div>
    </div>
    <div class="ramp">
      <div class="grill"></div>
      <div class="hook hook-1"></div>
      <div class="hook hook-2"></div>
      <div class="hook hook-3"></div>
      <div class="hook hook-4"></div>
    </div>
  </div>
  <div class="sun"></div>
  <div class="land"></div>
  <div class="grass grass-1"></div>
  <div class="grass grass-2"></div>
</div>
当前内容只有登录了才能查看,如果您已经注册,请登录
0

发表评论