径向导航：扩大列表元素之间的space

Question

我正在处理这个元素http://zag-test.nowcommu.myhostpoint.ch/

我需要的是 "enalrge" 整个元素在 相同位置 ，但是通过 CSS 我可以放大中央按钮（点击按钮).

我该如何解决？

CSS

.cn-button {
position: absolute;
top: 100%;
left: 50%;
z-index: 11;
margin-top: -2.25em;
margin-left: -3.78em;
padding-top: 0em;
width: 7.5em;
height: 7.5em;
border: none;
border-radius: 50%;
background: none;
background-color: #000;
color: #f9d70a;
text-align: center;
font-weight: 700;
font-size: 1.3em;
text-transform: uppercase;
cursor: pointer;
-webkit-backface-visibility: hidden;

Answer 1

您可以使用带有缩放比例的变换属性使一切变大：

#cn-wrapper {
    transform: scale(1.4) !important;
}

这是用于外部菜单选项，!important 强制使用它

径向导航：扩大列表元素之间的space

Radial navigation: enlarge the space between the list elements

html

css

scale