如何解决如何将菜单栏放在右侧?
下面是菜单栏的 html 和 CSS 的一部分。
我想把菜单栏放在右边。我知道实际的菜单栏是带有背景颜色的空白内容。我不知道将这些内容放在正确的位置。
function myFunction(x) {
x.classList.toggle("change");
}
.container {
display: inline-block;
cursor: pointer;
}
.bar1,.bar2,.bar3 {
width: 40px;
height: 5px;
background-color: gainsboro;
margin: 6px;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px,6px);
transform: rotate(-45deg) translate(-9px,6px);
}
.change .bar2 {
opacity: 0;
}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px,-8px);
transform: rotate(45deg) translate(-8px,-8px);
}
<div class="container" onclick="myFunction(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。