📜  将跨度行更改为 X html、css、javaskript - 无论代码示例

📅  最后修改于: 2022-03-11 14:59:09.144000             🧑  作者: Mango

代码示例1

Click on the Menu Icon to transform it to "X":

--------------------------------------------------- .container { display: inline-block; cursor: pointer; } .bar1, .bar3 { width: 35px; height: 2px; background-color: #333; margin: 6px 0; transition: 0.4s; } .invis { width: 35px; height: 2px; margin: 6px 0; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-5px, 6px); transform: rotate(-45deg) translate(-5px, 6px); } .change .bar3 { -webkit-transform: rotate(45deg) translate(-5px, -6px); transform: rotate(45deg) translate(-5px, -6px); } -------------------------------------------------- function myFunction(x) { x.classList.toggle("change"); }