我在codepen上找到了这个很棒的菜单。现在我想使用它,但是我的问题是我想将其正确地对准在我的网站上。不幸的是,此菜单也不错。但是我希望它向左下降。因此,我该如何解决这个问题。(更改开头无法正常工作?)感谢您的帮助。
http://codepen.io/lbebber/pen/pvwzjp
$opening-angle:$pi*2;
更改 transform
.menu-open:checked~.menu-item
selector
从transform:translate3d(110px*$i,0,0);
到transform:translate3d(-110px*$i,0,0);
和将left
属性更改为.menu
中的right
更新了.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*/
}
codepen