提问者:小点点

无法定义Transform:scale(); 在CSS中使用事件侦听器(js)


所以我想使用CSS将这个div元素的不透明度定义为0,然后使用JS事件侦听器对其进行切换。 下面是我的代码:
html:

null

window.addEventListener("load", function() {
  const button = document.querySelector("button");
  button.addEventListener("click", clicked);
});

function clicked(){
  const div = document.querySelector("div");
  div.classList.toggle("divDisplay");
}
div{
 transform: scale(0);
 transition: transform 1s;
}

.divDisplay{
 transform: scale(1);
}
<button>Click!</button>
<div>Some text...</div>

null

这里有一个指向我真实代码的链接,这是我真正的问题:https://codepen.io/mattanelkaim/pen/wvmrrew


共1个答案

匿名用户

您可以尝试在css中放置div{opacity:0!important;} important将覆盖该元素以前具有的所有属性