ローグGooey Menu

Question

私はこの素晴らしいメニューをcodepenで見つけました。今、私はそれを使いたいですが、私の問題は自分のウェブサイトに正しく配置することです。残念なことに、このメニューも正しく削除されます。しかし、私はそれを左に落としたい。だから私はこの問題をどのように解決できますか？ （開き角が変わらないのですか？） ありがとうございました。

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

$opening-angle:$pi*2; 

Answer 1

変更transformプロパティ

transform:translate3d(110px*$i,0,0);から

transform:translate3d(-110px*$i,0,0);し、.menuクラスにrightからleftプロパティを変更するセレクタ.menu-open:checked~.menu-itemで

アップ.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

日付