我在 codepen 上找到了这个很棒的菜单。现在我想使用它,但我的问题是我想把它右对齐放在我的网站上。不幸的是,这个菜单也正确。但我希望它向左掉。那么我该如何解决这个问题。(更改打开角度不起作用?)感谢您的帮助。
http://codepen.io/lbebber/pen/pvwZJp
$opening-angle:$pi*2;
我在 codepen 上找到了这个很棒的菜单。现在我想使用它,但我的问题是我想把它右对齐放在我的网站上。不幸的是,这个菜单也正确。但我希望它向左掉。那么我该如何解决这个问题。(更改打开角度不起作用?)感谢您的帮助。
http://codepen.io/lbebber/pen/pvwZJp
$opening-angle:$pi*2;
在选择器处更改transform
属性 .menu-open:checked~.menu-item
从transform:translate3d(110px*$i,0,0);
到transform:translate3d(-110px*$i,0,0);
并将left
属性更改right
为.menu
类中
更新.menu
.menu{
@extend %goo;
$width:650px;
$height:150px;
position:absolute;
right:50%; /*Changed*/
margin-left:-80px;
padding-top:20px;
padding-left:80px;
width:$width;
height:$height;
box-sizing:border-box;
font-size:20px;
text-align:right; /*Changed*/
}