|
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 :
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)
Ce sera ainsi biaisée < div style = . " -moz- transform: rotate ( 90deg ) ; -moz -transform -origin : le fond gauche ; font-size: . 30px "> Ce sera tourné quatre-vingt dix degrés
JavaScript et DHTML Techniques
avec JavaScript et DHTML impliqués, texte peut inclure des effets qui répondent à l'entrée et actions de l'utilisateur . L'exemple ci-dessous modifie la taille du texte lorsque vous déplacez votre souris dessus .
Cette augmentera lorsque vous déplacez la souris au-dessus Photos
|
