Kev*_*yen 1 html javascript css
所以我得到了这个按钮,我需要在12秒后显示.我没有css或javascrip的经验
我的守则
.btn_waiting {
visibility: visible;
opacity: 1;
transition-delay: 12s;
}<body>
<ul class="listdm">
<li><a href="./21.html" class="btn_waiting">Next</a></li>
<li><a href="./8.html">Back Step 1</a></li>
<li><a href="./7.html">Home</a></li>
</ul>
</body>谁能帮我？
使用动画帧的纯CSS解决方案.
@keyframes appear {
0% {
visibility: hidden;
}
100% {
visibility: visible;
}
}
.btn_waiting {
visibility: hidden;
animation: appear 0s 12s 1 normal forwards ease-out
}<body>
<ul class="listdm">
<li><a href="./21.html" class="btn btn_waiting">Next</a></li>
<li><a href="./8.html">Back Step 1</a></li>
<li><a href="./7.html">Home</a></li>
</ul>
</body>