做一个风车需要我们有四个div小盒子，在小盒子里面放一个半圆，然后使用定位将四个半圆分别放在对应的位置，最后就可以加动画效果使半圆旋转，以达到小风车的旋转效果了
1.首先我们在html完成其基本的结构
在body标签中创建一个大div盒子,在大的里面放入四个小的div盒子（也就是小风车的四片叶子）
<body>
<div class="cotent">
<div class="bix1"></div>
<div class="bix2"></div>
<div class="bix3"></div>
<div class="bix4"></div>
</div>
</body>2.我在最外层div（content）中设置一下宽高（因为我们的风车是靠大盒子旋转实现的）也要将盒子进行一下定位
.cotent {
width: 200px;
height: 200px;
position: relative;
top: 200px;
left: 50%;
}3.完成了基本的盒子我们就可以开始做风车的叶子了
做几一个像这样的半圆，（代码图片如下）
最低0.47元/天 解锁文章
扫一扫
5792
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
