css 实现扇形matrix

要使用CSS实现扇形矩阵，可以使用CSS的`transform`属性和`rotate`函数来实现。下面是一个示例代码：

<div class="fan"></div>

.fan {
  width: 200px;
  height: 200px;
  background-color: yellow;
  border-radius: 50%;
  transform: rotate(45deg);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

在上面的代码中，我们创建了一个具有`fan`类的`<div>`元素，并为其设置了宽度、高度和背景颜色。通过设置`border-radius`属性为50%，我们将其变为一个圆形。然后，我们使用`transform`属性和`rotate`函数将其旋转45度。最后，通过使用`clip-path`属性和`polygon`函数，我们可以将它裁剪成一个扇形。

请注意，`clip-path`属性的兼容性可能存在一些问题，所以在某些浏览器中可能无法正常显示。