Ich habe ein Problem, wenn Sie versuchen, Übergangseffekt auf festes Element von rechts nach links zu machen. Wenn ich schwebe, gehen alle li Elemente über.Übergang mit fester Position von rechts nach links
https://jsfiddle.net/k0fow2jb/
Du hast es hier feste
https://jsfiddle.net/k0fow2jb/3/
das Wichtigste margin-left war hinzuzufügen: auto zu Ihrem .side-Menü li
.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;
}
Vielen Dank – quangtruong94
Willkommen bei Paketüberfluss! Fragen, die Code-Hilfe suchen, müssen den kürzesten Code enthalten, der für die Reproduktion in der Frage selbst erforderlich ist **. Obwohl Sie einen [** Link zu einer Site oder einem Beispiel **] angegeben haben (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work) Wenn Sie die Verknüpfung ungültig machen möchten, ist Ihre Frage für andere zukünftige SO-Benutzer mit demselben Problem nicht von Bedeutung. –