如何解决我需要添加一些延迟,以使按钮显示出来
我需要为“功能”添加一些延迟,这是针对我正在运行的网站,并且该按钮已经存在,我只更改其可见性。我已经尝试了很多东西,但是没有用。第一个步骤是使按钮不可见,第二个步骤是使按钮可见,其想法是在它们之间添加一些代码,以增加此延迟。 代码如下:
body.page-id-2090 #button{
visibility: hidden;
}
body.page-id-2090 #button{
visibility: visible;
}
解决方法
您可以使用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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。