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

【问题标题】：I need to add, some delay, to make appear a boutton我需要添加一些延迟，以显示一个按钮
【发布时间】：2021-01-28 11:46:39
【问题描述】：

我需要为“功能”添加一些延迟，这是针对我正在做的网络，并且按钮已经存在，我只是改变了他的可见性。我已经尝试了很多东西，但没有奏效。第一个块是让按钮不可见，第二个块是让它可见，想法是在两者之间添加一些代码，以添加此延迟。代码如下：

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

【问题讨论】：

标签： css button delay visibility

【解决方案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>

【讨论】：

谢谢，你快速解决了我的问题，我很感激?。