Wie kann ich (bitte mit CSS) den contenent einer webseite erst nach einer bestimmten Zeit einblenden?

... komplette Frage anzeigen

3 Antworten

Dafür kannst du CSS-Animationen benutzen: http://codepen.io/Minilexikon/pen/NROwvX

.text-zum-einblenden {
animation: 5s 1s fadeIn ease-in-out;
opacity: 0;
}

@keyframes fadeIn {
100% {
opacity: 1;
}
}
Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von abbrechen
11.11.2016, 14:19

Wow, dass css animations einen Timeout haben, wusste ich auch noch nicht. (Y)

0

Mit css animations, muss man nur ein wenig tricksen.
Statt eine Animation zu haben, die von 0% bis 100% sichtbare Veränderungen liefert, lässt du die ersten z.B. 90% leer.

0% aktueller Stand, opacity: 0
95% Beginn opacity 0
100% opacity 1

Bei einer Animationslänge von 10s ist dein Element 9,5s unsichtbar und erscheint dann in den nächsten 0,5s, die restlichen 5% der Animation halt.
Die Syntax findest du auf w3schools.

Antwort bewerten Vielen Dank für Deine Bewertung

das geht schon mit css, aber denk dran: wenn der browser das css3 nicht versteht, sieht man den inhalt von anfang an.

es gibt auch omas und opas, die immernoch mit der selben rechnerkonfiguration online gehen, die ihnen ihr enkel vor 5 jahren mal eingerichtet hat. die ham dann nen schrottigen alten internet explorer.

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?