<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>纯CSS3超逼真的风车旋转动画</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="style.css"> </head> <body> <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> </body> </html>
纯CSS3超逼真的风车旋转动画
标签:
评论者:[[ schemeInfo.user.username ]]
评论内容:[[ schemeInfo.pbody ]]
评论时间:[[ schemeInfo.ptime ]]
发表你的评论:
提交评论
下一篇:
CSS3可调节并实时预览的阴影