Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在CSS中创建圆形扇区菜单?_Javascript_Css_Menu - Fatal编程技术网

Javascript 如何在CSS中创建圆形扇区菜单?

Javascript 如何在CSS中创建圆形扇区菜单?,javascript,css,menu,Javascript,Css,Menu,我们想做一个像图中那样的菜单。试着跟他说话。但是这个代码对我来说太难了,我无法找到和理解如何使这个菜单变大等等 对于这种易于更改的菜单,有什么好的解决方案吗?:) 我希望这能对你有所帮助 一个可能的起点可以是: 您还可以查看此文档,了解css的高级形状设计 CSS #cone { width: 0; height: 0; border-left: 70px solid transparent; border-right: 70px solid transparent;

我们想做一个像图中那样的菜单。试着跟他说话。但是这个代码对我来说太难了,我无法找到和理解如何使这个菜单变大等等

对于这种易于更改的菜单,有什么好的解决方案吗?:)


我希望这能对你有所帮助

一个可能的起点可以是:

您还可以查看此文档,了解css的高级形状设计

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%;
}