旋轉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