Dreamweaver CS6 : Les nouveautés

Supprimer des transitions CSS

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Les règles de transition s'appliquent de manière multiple et interviennent à différents endroits du code. Pour cela, la palette des transitions permet de retirer de manière chirurgicale les informations que l'on souhaite en toute simplicité.
02:56

Transcription

La suppression des animations depuis la palette de transition peut se faire de manière multiple et peut agir de manière différente sur l'intégralité du document. Regardez, ici, nous avons une classe H2 qui est une classe à titre « Anime », qui anime une transition sur le changement de couleurs et bien entendu, on a deux classes : Titre Anime et Titre Anime Over, qui permettent de gérer cette transition. La partie déclencheur de la transition, avec la valeur de départ, et ici, qui contient la valeur d'arrivée. Donc, si je passe maintenant en mode code-source, si je sélectionne Titre Anime, dès l'instant où je vais retirer, on me propose de retirer la règle cible, donc, je peux la préserver, supprimer la transition sur la règle, je peux la préserver et je peux supprimer uniquement la classe des éléments, donc, si je fais cela, voyez ici, j'ai classe Anime dès que supprime cette partie-là. Par contre, j'ai préservé ma Titre Anime, ok. Je reviens ici maintenant, et là, je vais rajouter... classe et je vais attraper Titre Anime et je le rajoute. Je refais une suppression, elle est appliquée et je supprime. Ici, je peux demander de ne pas supprimer la classe des éléments, donc, je veux la préserver mais par contre, je veux supprimer la transition sur la règle et dès que je supprime, j'ai bien préservé ma partie ici, mais au niveau de mes CSS, je n'ai plus la partie transition, donc, je n'ai plus la classe de départ. Donc, faites attention, vous avez vu qu' il y avait la couleur de départ qui n'y est plus, qui n'est plus préservée. Je vais faire un Ctrl Z pour revenir sur cette partie-là, c'est un peu compliqué de revenir sur la partie Ctrl Z dans ce sens, ça a été supprimé, malencontreusement défait, je vais donc fermer le document pour le rétablir sur sa version d'origine. Ici, directement, je peux revenir à la version d'origine. Alors, on récupère cette partie-là, faites attention quand vous supprimez une classe, si elle ne tient pas que la transition mais contient également une valeur de départ, vous la perdez également. Continuons la suppression, si je reprends maintenant, dans la partie Titre Anime, je vais pouvoir supprimer la règle-cible, je vais préserver ces deux éléments et je vais supprimer la règle-cible, les propriétés de la transition ou la règle entière. Et vous voyez que si je ne fais que les propriétés de la transition, je vais supprimer ici, mais quand je reviens dans la partie, j'ai gardé la partie de départ qui était les valeurs originales de cette classe. Donc voilà, une propriété de suppression, je vais encore une fois rétablir mon code, pour revenir sur mes valeurs de départ, une partie de suppression très fine et qui nous permet d'agir sur les éléments qu'on veut supprimer et de pouvoir en contrôler la finesse.

Dreamweaver CS6 : Les nouveautés

Allez à la découverte des nouveautés de Dreamweaver CS6, qui gravitent autour du développement d’applications mobiles, de la pluri-distribution et de sites Internet réactifs.

3h16 (40 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Spécial abonnés
Date de parution :23 avr. 2012
Mis à jour le:5 avr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !