旋转Gooey菜单

Question

我在codepen上发现了这个非常棒的菜单。现在我想使用它，但我的问题是我想将它在我的网站上右对齐。不幸的是，这个菜单也下降了。但我希望它落下。那么我怎么能解决这个问题。 （更改开启角度不起作用？） 感谢您的帮助。

http://codepen.io/lbebber/pen/pvwZJp

$opening-angle:$pi*2; 

Answer 1

变化transform酒店在.menu-open:checked~.menu-item选择

从transform:translate3d(110px*$i,0,0);到transform:translate3d(-110px*$i,0,0);

而且在.menu类更改left属性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