|
CSS niveau 3 inclut une méthode de « transformation » qui prend le nombre de degrés comme paramètre et tourne contenu, tel que le texte , par ce nombre de degrés . Vous pouvez définir une classe CSS pour chaque degré de rotation et utiliser JavaScript pour faire pivoter le texte en changeant la classe CSS attribué au contenu d'une balise . Par exemple, vous pouvez animer du texte en utilisant la méthode JavaScript " setInterval " pour appeler une fonction de rotation à intervalle régulier chronométré. Les choses dont vous aurez besoin
un de ces navigateurs : Firefox
3.5 ou supérieur
Safari 3.1 ou supérieur
Chrome 4.0 ou supérieur
Opera 10.5 ou supérieur
Internet Explorer 9.0 ou supérieur
Afficher Instructions supplémentaires
1 créer un nouveau document HTML en utilisant le Bloc-notes ou un éditeur HTML. Entrez les en-têtes HTML dans le document: Photos
< p>
texte Rotation
2 Créer un style CSS pour le corps du document à définir une marge et une taille de police du texte à être tourné :
4 créer une fonction JavaScript pour modifier la classe du texte à la prochaine rotation , ou de recommencer à zéro si l' prochaine rotation calculée est supérieure à 360 degrés . Initialiser une variable globale pour suivre le degré de rotation actuel :
< br >
6 Créer une balise pour le texte et lui attribuer la première classe CSS. Entrez le texte à tourner à l'intérieur de la balise clés: Photos TOURNANT Photos Photos
7 enregistrer le fichier. Ouvrez-le avec un navigateur et de regarder le texte tourne sur l'écran.
|
