Question

我希望这个div-container隐藏（显示：无）2秒。

或者如果你有更好的解决方案，请发布它:)但请不要jquery或javascript

#vcontainer {
  height: 450px;
  width: 100%;
  background-color:black;
  margin-top:10px;
  margin-bottom:10px;
  animation: vldng 4s;
  -webkit-animation: vldng 4s;
  display: none;
}

@keyframes vldng {
  0%{display: none;}
  50%{display: block;}
  100%{display: block;}
}

@-webkit-keyframes vldng {
  0%{display: none;}
  50%{display: block;}
  100%{display:block;}
}

我希望你能帮助我！：）

Answer 1

您可以使用Opacity代替display 但opacity=0与display=none不同在这两个州你都看不到任何东西 opacity:0使您的元素充当占位符，但display:none会从视口删除您的元素。

为什么这个动画不起作用？

1 个答案: