Text nach 5 Sekunden einblenden lassen - Ninja Forms / WP?
Hallo Community ))
Wie kann ich einen Text (Div, p usw) nach einer bestimmten Zeit einblenden lassen?
Die Plattform ist Wordpress (Theme Jupiter) - kann CSS und JS benutzen
Der Text befindet sich in einem Ninja Forms Anfrageformular
<div id="fadein-id" class="fadein-cl" align="center">Daten aufgenommen, klicken Sie nun auf Weiter!</div>
Danke für eure Hilfe
1 Antwort
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
CSS
Ich nehme einmal an, die Klasse fadein-cl kommt von dir.
Dann bräuchtest du nur dieses CSS ergänzen:
.fadein-cl {
animation: fadeIn ease 5s;
}
@keyframes fadeIn {
0% { opacity: 0 }
100% { opacity: 1 }
}
Bezüglich des align-Attributs noch eine Anmerkung: Das ist deprecated. Du solltest es nicht mehr benutzen.
Die CSS-Lösung könnte so aussehen:
.centered-text {
text-align: center;
}
Dem div wird folgendermaßen noch der Klassenselektor zugeordnet:
<div id="fadein-id" class="fadein-cl centered-text">Daten aufgenommen, klicken Sie nun auf Weiter!</div>