如何在注销时删除启动画面？

Question

我正在制作带有启动画面的登录和注销页面，但启动画面在我没有使用 jquery/javascript 的加载页面上工作正常。我在 css3 动画中创建了启动画面，当我单击时注销按钮它同样的事情再次重复注销时启动画面 clicked.I 不希望单击注销按钮时出现启动画面我只想加载页面起始页面之后我想删除单击时启动画面 logout.but 它是在 logout.how 上重复相同的动画我可以在注销点击时删除吗？我尝试了 .hide(),.remove() 但它不起作用请帮助我.. 我如何在加载和注销时编写代码？

Css3动画

/* SPLASH SCREEN * -------------------------- */

#splash {
    background-color: #fc9204 !important;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    z-index: 10;
    transition-property: top;
    -webkit-animation: slide-out-fwd-center  7.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-out-fwd-center  7.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }

 @-webkit-keyframes slide-out-fwd-center {
  0% {
    -webkit-transform: translateZ(1);
            transform: translateZ(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(600px);
            transform: translateZ(600px);
    opacity: 0;
  }
}
@keyframes slide-out-fwd-center {
  0% {
    -webkit-transform: translateZ(1);
            transform: translateZ(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(600px);
            transform: translateZ(600px);
    opacity: 0;
  }
}

 #splash img {
  display: block;
  margin: 200px auto;
  width: 100px;
  height: 200px;
  -webkit-animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}


@-webkit-keyframes slide-fwd-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
  }
}
@keyframes slide-fwd-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
  }
}

Answer 1

看看这个 link 之前已经问过的 SO 问题。

Can I have an onclick effect in CSS?

它向您展示了如何在 CSS 中检查点击，但我建议使用 JavaScript 来检查点击。它用途广泛，能够做更多的事情。至少了解一些基础知识以创建一些出色的网页是值得的。

如何在注销时删除启动画面？

How can i remove splash screen on logout?

html

css

jquery

splash-screen