2017-02-16 2 views
0

Я нашел это удивительное меню в кодефене. Теперь я хочу использовать его, но моя проблема заключается в том, что я хочу поместить его в выравнивание по правому краю на моем веб-сайте. К сожалению, это меню также падает. Но я хочу, чтобы он опустился налево. Итак, как я мог решить эту проблему. (Изменить угол открытия не помогло?) Спасибо за помощь.Поворот меню Gooey

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

$opening-angle:$pi*2; 

ответ

0

изменение transform недвижимости в .menu-open:checked~.menu-item Селектор

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

И изменить left свойство right в .menu класса

Up от .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

Смежные вопросы