[分享]css3扇子怎么用

CSS3扇子是一种有趣的工具，可以让你很容易地制作出漂亮的扇子图案。下面是一些简单的使用步骤：

/* 创建扇形 */
.fan {
  width: 100px;
  height: 100px;
  border-radius: 100px 0 0 0;
  transform: rotate(-45deg);
}

/* 风扇叶子 */
.fan:before, .fan:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 0 50px;
  border-color: transparent transparent transparent #f00;
  transform-origin: 0 0;
}

.fan:before {
  transform: rotate(30deg);
}

.fan:after {
  transform: rotate(60deg);
} 

最终效果如下:

你也可以通过调整属性和数值来修改风扇的形状、颜色和大小。希望这篇文章对初学者有所帮助。