In den frühen Tagen des Web-Entwicklung waren textuelle Effekte ziemlich begrenzt . Wenn Sie etwas anderes als eine grundlegende Schrift angezeigt direkt inline mit anderen Elementen verwenden wollte, musste man keine andere Wahl, um ein Bild in Photoshop anstelle von Text zu erstellen. Während bestimmte HTML-Tags noch textuelle Effekte bieten , die meisten Entwickler nun auf CSS und JavaScript aktivieren. Mit diesen Werkzeugen kann eine Vielzahl von seltsamen Effekte durch Text allein nicht erreicht werden . Beachten Sie jedoch, dass verschiedene Browser reagieren unterschiedlich auf CSS -und JavaScript- Effekte . Testen Sie Ihren Code in mehreren Browsern und informieren Sie sich auf Cross-Browser Styling und Scripting . HTML Schlagwörter

Ein paar Spezialeffekte, die Teil der frühen HTML-Standards waren immer noch funktionieren. Andere werden nicht mehr unterstützt. Sobald die "blink "-Tag war sehr viel mit frühen Web- Werbekunden als ein Weg, um die Aufmerksamkeit eines Benutzers begünstigt. " Blink " ist , zum Glück , und nur wenige veraltete Browser noch unterstützen , aber auch andere HTML tag Effekte wie " Festzelt ", immer noch funktionieren. Hier sind einige Beispiele :

Dieser Text verwendet zu blinken , aber nicht mehr Dieser Text wird blättern immer auf der linken Seite Dieser Text wird hin und her gleiten über den Bildschirm
CSS Techniques

Cascading Style Sheets ermöglichen die Web-Entwickler oder Designer mehr Kontrolle über das Aussehen von HTML-Text . Mit CSS , die Farbe des Textes kann manipuliert werden , Textblöcke geschichtet werden kann, kann Schatten-Effekte erstellt werden und Text können sogar animiert werden. . Einige Beispiele für seltsame Effekte werden im Folgenden vorgestellt

< p style = " font-size: 30px ; color: # 000 ; background: # fff ; text-shadow : 2px 2px 3px # 000 ; " ; > Dieser Text hat einen Schatten

Diese Text wird glühen

Dieser Text erscheint gestochen < /p>
Browser Specifid CSS Techniques

Die " Transformation "-Eigenschaft gilt für bestimmte Browser und ermöglicht es, Text skaliert, gedreht oder verzerrt . Leider ist dies nicht in IE unterstützt wird, obwohl es einige Workaround Techniken (siehe Ressourcen) sind

JavaScript und DHTML -Techniken

Javascript und DHTML beteiligt , Text kann Effekte, die auf Benutzereingaben und Aktionen reagieren. Das folgende Beispiel ändert die Größe des Textes , wenn Sie die Maus darüber bewegen .

< P onmouseover = " this.style.fontSize = '40px ' " onmouseout = " this.style.fontSize = '30px ' "style = " font-size : 30px " > das wird wachsen, wenn Sie die Maus darüber

bewegen