如何在CSS中创建圆扇区菜单？

Question

很想做像图像一样的菜单。试图http://pmg.softwaretailoring.net/。但是这段代码对我来说太难找到并理解如何使这个菜单更大等等。

这样的菜单是否有一些很好的解决方案，易于更改？ ：）

Example

Answer 1

我希望这可以帮到你。

一个可能的起点可能是：

https://jsfiddle.net/pablodarde/dp2zg895/

您还可以使用css查看本文档以获得高级形状设计。

https://css-tricks.com/examples/ShapesOfCSS/

<强> CSS

#cone { 
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 100px solid red;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;

}