Dans les premiers jours de développement Web, effets textuels étaient assez limitées. Si vous voulez utiliser autre qu'une police de caractères affichée directement en ligne avec d'autres éléments quelque chose , vous n'aviez pas le choix mais pour créer une image dans Photoshop au lieu de texte. Alors que certaines balises HTML fournissent toujours des effets textuels, la plupart des développeurs se tournent maintenant vers CSS et JavaScript. Avec ces outils , une grande variété d'effets étranges peut être réalisé à travers le texte seul. Notez, cependant, que les différents navigateurs réagissent différemment aux effets CSS et JavaScript. Testez votre code dans plusieurs navigateurs et de lire sur un style cross-browser et les scripts . Balises HTML

Quelques effets spéciaux qui faisaient partie des standards HTML premiers fonctionnent toujours. D'autres sont plus prises en charge . Une fois la balise " blink " a été fortement favorisée par les annonceurs web au début comme un moyen d'attirer l'attention d'un utilisateur. «Blink» est , heureusement, obsolète et peu de navigateurs soutiennent toujours , mais d'autres effets de balises HTML , comme « chapiteau », fonctionne toujours . Voici quelques exemples :

Ce texte utilisé à clignoter , mais n'a pas plus Ce texte défilera toujours à gauche Ce texte va glisser d'avant en arrière à travers l'écran
CSS Techniques

Cascading Style Sheets permettent au développeur web ou un designer plus de contrôle sur l'apparence du texte HTML. L'utilisation de CSS , la couleur du texte peut être manipulée , des blocs de texte peuvent être superposés , des effets d'ombre peuvent être créés et le texte peuvent même être animés. Quelques exemples d'effets étranges sont présentées ci-dessous

6px Cette texte brillera

1px 1px Ce texte apparaîtra gravé < /p>
Browser Specifid CSS Techniques

La propriété " transformation " s'applique à certains navigateurs et permet au texte d' être mis à l'échelle , rotation ou asymétriques. Malheureusement, ce n'est pas pris en charge dans IE , mais il existe quelques techniques de contournement (voir Ressources)

< div style = . " -moz- transform: rotate ( 90deg ) ; -moz -transform -origin : le fond gauche ; font-size: . 30px "> Ce sera tourné quatre-vingt dix degrés