个人中心
gpt4 book ai didi

html - 半径圆菜单

转载 作者：行者123 更新时间：2023-11-27 22:57:32 25 4
gpt4 key购买 nike

<分区>

我想要 5 个带半径圆菜单的菜单。我找到了以下位置。它有7个菜单。

https://www.jqueryscript.net/menu/radial-pie-circle-menu.html

如果我使用 5，则菜单中存在空白。请看我的 fiddle 。我只是对这个计算感到困惑。因为我的网站有不同的菜单数，具体取决于用户。一些用户有 3 个菜单或 4 个菜单，最多 5 个菜单。我想知道这个计算。

https://jsfiddle.net/7kha6tdy/ 

.circle, .circle:before, .circle:after { border-radius: 50%; }
.menunav {
  position: absolute;
  display: block;
  min-width: 10em; 
  width: 70%; 
  max-width: 30em;
}
.menunav ul {
  position: relative;
  padding: 50%;
  max-width: 0; max-height: 0;
  list-style: none;
}
.menunav li {
  position: absolute;
}
.slice {
  overflow: hidden;
  position: absolute;
  top: 0; 
  left: 0;
  width: 50%; 
  height: 50%;
  transform-origin: 100% 100%;
}

25 4 0
文章推荐： c++ - 通过值捕获使用 lambda 表达式
文章推荐： css - 在 gtk 刻度上分别更改标签和抽动标记的样式
文章推荐： javascript - 如何将链接插入电子邮件正文
文章推荐： c++ - 如何使用 C++ 将特征稀疏矩阵转换为数组？