Переход с фиксированным положением слева направо

Question

У меня проблема при попытке сделать переходный эффект на фиксированный элемент справа налево. Когда я нахожусь, все li переход элементов тоже.

https://jsfiddle.net/k0fow2jb/

Answer 1

Вы получили это фиксирован

https://jsfiddle.net/k0fow2jb/3/

важная вещь, чтобы добавить Левое поле: авто на свой литий-.side меню

.side-menu { 
    z-index: 999; 
    overflow: hidden; 
    position: fixed; 
    top: 25%; 
    right: 0; 
} 

.side-menu li{ 
    cursor: pointer; 
    display: block; 
    list-style-type: none; 
    width: 40px; 
    height: 40px; 
    overflow: hidden; 
    position: relative; 
    transition: width 0.5s; 
    margin-left:auto; 
} 

.side-menu li a{ 
    position: relative; 
    text-decoration: none; 
    color: #FFFFFF; 
} 


.ask-questions { 
    background: #19b5fe; 
} 
.ask-questions:hover{ 
    width: 150px; 
} 

.facebook-link { 
    background: #3b5998; 
} 

.side-menu li:hover{ 
    width:150px; 
} 

.support-box{ 
    background: #dd4b39; 
}