我需要添加一些延迟，以显示一个按钮

Question

我需要为一个“功能”添加一些延迟，这是我正在做的一个网站，按钮已经在那里，我只是改变他的可见性。我尝试了很多东西，但没有用。第一个块是使按钮不可见，第二个块使其可见，想法是在两者之间添加一些代码，以添加此延迟。这是代码：

body.page-id-2090 #button{
    visibility: hidden;
}
body.page-id-2090 #button{
    visibility: visible;
}

Answer 1

你可以通过animation-delay

实现

button {
  animation: show 0s both;
  /* show after 2 seconds */
  animation-delay: 2s;
}


@keyframes show {
  from {
    visibility: hidden;
  }
  
  to {
    visibility: visible;
  }
}

<p>User agreements: Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
<button>I agree</button>

我需要添加一些延迟，以显示一个按钮

I need to add, some delay, to make appear a boutton

css

visibility

button

delay