Ich habe für eine Weile in Stackoverflow nach einer Antwort gesucht, aber es scheint mir, dass dies vorher nicht in Frage gestellt wurde.

Ausreden, wenn ich die Antwort vielleicht irgendwo verpasst habe, aber hier ist es:

Also arbeite ich an einer Seite, die beim Laden einer Seite ein Div einblendet. Jetzt möchte ich sie nach ein paar Sekunden ausblenden. Ich kann nicht den richtigen Weg finden, um dies zu erreichen.

@-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;
}

Das 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>