Wie erstelle ich einen blinkenden Text?
-
-
HTML bzw. CSS unterstützt von Haus aus keine blinkenden Texte mehr, was auch einen guten Grund hat.
Wenn du wirklich unbedingt blinken Text haben möchtest, könntest du dies z.B. mithilfe einer CSS-Animation, die die opacity abrupt wechselt, erreichen.
-
Wenn du wirklich unbedingt blinken Text haben möchtest, könntest du dies z.B. mithilfe einer CSS-Animation, die die opacity abrupt wechselt, erreichen.
jo und das ohne viel aufwand
-
-
stimmt der übergang ist schöner ..
mit etwas javascript würdees auch gehen
https://jsfiddle.net/basti1012/ec5uyaqa/3/
ist aber wohl nee schlechte lösung ,dann lieber css
-
Es ist auf jeden Fall insofern besser auf CSS zu setzen, dass der User kein JS aktiviert haben muss.
Der Browsersupport von CSS Animationen ist schließlich bis auf wenige Ausnahmen völlig ok.
Aber wie gesagt: Am besten überhaupt keine blinkenden Texte verwenden.
-
Geht das auch mit einer Klasse?
-
meinst du so
https://jsfiddle.net/basti1012/ec5uyaqa/4/
oder habe ich jetzt was falsch verstanden
hier mit schöneren übergang wie in post #4 beschreiben
-
Geht das auch mit einer Klasse?
Der Selektor ist immer vollkommen irrelevant. Natürlich funktioniert das auch mit einer Klasse.
-
irgendwie bin ich jetzt durcheinander. was wahr den nee klasse?
-
Siehe hier im HTML-Seminar -> https://www.html-seminar.de/class_und_id.htm
-
aber da habe ich doch richtig gemacht oder wie meint er das mit klassen in diesen beispiel..wie müsste den mein obriges script aussehen wenn es mit klassen läuft. verstehe jetzt nur bahnhof weil habe es doch mit class gemacht ... bin ich den so blöde das ich das nicht schecke
-
Beispiel:
Mann kann doch html-elemente eine id oder ein class geben um diese besser/individueller ansprechen zu können.
Beispiel der Benutzung von Class:
HTML<ul> <li class="listelement">Test</li> <li class="listelement">Test1</li> <li class="listelement">Test2</li> </ul>
Dort kannst du alle li-elemente nun mit dem . - Selektor ansprechen.
Beipiel Id:
HTML
Alles anzeigen<ul id="testlist"> <li>Test</li> <li>Test1</li> <li>Test2</li> </ul> <ul id="doglist"> <li>Test</li> <li>Test1</li> <li>Test2</li> </ul>
Die Id elemente musst du einzeln ansprechen. Und dies erfolgt mit dem # - Selektor.
-
Lass dich nicht verwirren, Basti. Du hast alles richtig gemacht.
Den Sinn der Frage von Lupus habe ich auch nicht verstanden.
-
danke Stef für deine ausführliche erklärung..das bestätigt ja mein obriges script,das ich es doch richtig gemacht habe.bin mit den ganzen posts hier jetzt irgendwie durcheinander gekommen und dachte ich verblöde langsam.
Lass dich nicht verwirren, Basti. Du hast alles richtig gemacht.
Den Sinn der Frage von Lupus habe ich auch nicht verstanden.
jo gott sei dank,ich wollte dazu lernen und nicht langsam verblöden
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!