Design Redaktionstipp

Blinkender Text: So wird er mit HTML und CSS erzeugt

Donnerstag, März 23, 2017
Blinkender Text: So wird er mit HTML und CSS erzeugt

Um auf einer Website die Aufmerksamkeit des Besuchers auf eine bestimmte Information zu lenken, können Sie den gewünschten Text beispielsweise fett, bunt oder kursiv gestalten. Wer sich hingegen eine auffälligere und ungewöhnlichere Option wünscht, kann seine Buchstaben blinken lassen. Diese Funktion sollte jedoch sparsam angewendet werden, da zu viel Bewegung auf einer Internetseite schnell abschreckend wirken kann.

Text mit HTML zum Blinken bringen

Mit HTML wurde blinkender Text ursprünglich ganz einfach dargestellt: Der gewünschte Abschnitt ließ sich einfach von Tags mit dem englischen Befehl (auf Deutsch: blinken, flimmern) einrahmen. Im HTML-Code sieht das dann so aus: Blinkender Text. Bei diesem Befehl handelt es sich jedoch nicht mehr um eine zuverlässige Methode, da er nur noch in älteren Browsern funktioniert. In den aktuellen Versionen gehört er nicht zum Standard und wird daher ignoriert.

Tipp: Professionelles Webdesign zu erschwinglichen Preisen unter www.web-design.georg-vor.de

Alternativen zu HTML

Wer sich mit JavaScript auskennt, kann den Blinkeffekt mit Anweisungen wie “function blinkIt()” beziehungsweise einer Kombination aus den Funktionen “blink_show()” und “blink_hide()” selbst programmieren. Der Vorteil dieser Methode liegt darin, dass sich Variablen wie die Geschwindigkeit und die Dauer des Effekts selbst definieren lassen. Alternativ kann der gewünschte Text in einem animierten Gif blinkend dargestellt werden, das als Grafik in das HTML-Dokument eingebunden wird.

Wenn Sie selbst keine Muse für Programmierung haben, lassen Sie sich Ihre Webseite von einem Profi wie zum Beispiel www.fuchsdesign.it oder www.konturenreich.de gestalten.

Bild: Image courtesy of Maximusnd / bigstockphoto.com