Rotation Gooey Menu

Question

J'ai trouvé ce menu impressionnant sur codepen. Maintenant, je veux l'utiliser, mais mon problème est que je veux le placer à droite sur mon site Web. Malheureusement, ce menu tombe également à droite. Mais je veux que ça tombe à gauche. Alors, comment pourrais-je résoudre ce problème. (Changer l'angle d'ouverture n'a pas fonctionné?) Merci pour votre aide.

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

$opening-angle:$pi*2; 

Answer 1

changement transform propriété à .menu-open:checked~.menu-item sélecteur

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

Et changer left propriété à right dans .menu classe

Up du .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