我在StackOverflow上搜索了一段时间,但似乎还没有人问过这个问题。
如果我错过了答案,请原谅,问题如下:
我正在处理一个页面,页面加载时会淡入一个div,现在我想在几秒钟后将其淡出。我似乎找不到正确的方法来完成这个任务。
@-webkit-keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadeout {
from {
opacity:1;
}
to {
opacity:0;
}
}
div {
width: 400px;
margin: 0 auto;
text-align: center;
-webkit-animation:fadein 1s;
-webkit-animation:fadeout 1s;
-webkit-animation-delay:fadeout 5s;
}
这是HTML代码:
<div>
<h1><font size="+6"> :(</font></h1><br />
<h1>Whoops<span>Something went wrong</span></h1><br />
<h1><span><div id="timer_div">you will be redirected in</div> seconds</span></h1>
</div>