html - 径向导航 : enlarge the space between the list elements

Question

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

我需要的是在相同位置“enalrge”整个元素，但通过 CSS 我可以放大中央按钮(CLICK 按钮)。

我该如何解决？

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

你可以使用带比例的 transform 属性来让一切变大:

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

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