CSS不透明延迟，不褪色

Question

我试图在6秒后将元素的不透明度从0更改为1，并且我不想褪色。

我有此代码：

.rs-background-video-layer iframe {
    -webkit-animation: fadein 6s linear 1 normal forwards;
}

@-webkit-keyframes fadein{
from{
   opacity: 0;
}
to{
    opacity: 1;
}
}

但是这会褪色。我只希望不透明度在6秒后从0变为1。我可以使用CSS还是必须使用jquery？

Answer 1

您看过动画延迟吗？ https://www.w3schools.com/cssref/css3_pr_animation-delay.asp