Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Dreamweaver CS6 : Les nouveautés

Modifier les transitions CSS

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Il est possible de modifier les transitions CSS depuis différentes palettes ou encore manuellement dans le code. Cependant, agissez avec prudence si vous modifiez l'application de la transition sur les propriétés.
03:37

Transcription

Une fois les CSS transitions appliquées, il est possible de venir les modifier, et ce , de plusieurs endroits, tout va pouvoir correspondre et inter communiquer. Revenons sur l'application en cours, ici, des informations de transition ont été apportées sur les paragraphes, donc, sur la balise p directement, qui va pouvoir venir animer tous les paragraphes. Et puis, sur une classe qui a été placée sur la balise h2, qui permet de changer la couleur. Cette classe s'appelle Titre Anime et a été appliquée sous forme de classe, à la balise h2. Alors, que pour le reste, ce sont directement les balises p qui sont concernées. On quitte le mode en direct, je vais tout enregistrer, et ici, on va regarder, depuis la palette des transitions CSS, il est possible de pouvoir inspecter, élément par élément. Donc,si j'inspecte les instances à qui cette transition a été appliquée, on pourrait avoir d'autres types d'instances, on pourrait appliquer ces transitions, par exemple, à h2 Titre Anime, etc. Ici, dès l'instant où je sélectionne l'instance, je vais pouvoir modifier au niveau de l'instance. Si je sélectionne au niveau de Over, je vais modifier au niveau de Over. Dans ce cas-là, c'est la même boîte de dialogue, que je double clique ou que je prenne le petit crayon, je ré-attaque la boîte de dialogue qui me permet de modifier la transition et d'apporter toutes les modifications souhaitées. Dès l'instant où je suis sur la balise p, je n'ai pas de transition à modifier, puisque c'est l'endroit où l'application de la transition se fait. Pareil pour Titre Anime, mais là, je vais pouvoir venir modifier. Dès que je sélectionne depuis la palette Style CSS, les mêmes animations, ici, par exemple, le Titre Anime, je peux double cliquer et accéder depuis l'onglet Transition, aux propriétés sur lesquelles je vais pouvoir affecter ces transitions-là. Ici, je peux voir la partie Color, par contre, si je viens dans Titre Anime et que je demande une transition, même règle que pour toutes les propriétés, ici, je vois toujours Color, j'applique, donc, j'enregistre en transition. Si je viens ici et que je double clique dans la partie transition, je ne vois plus les propriétés car quel que soit le système, tout est activé dans ce sens-là. Par contre, dès que je vais désactiver les propriétés, je n'ai plus accès à ces propriétés-là, parce que je suis sur la partie Titre Anime, alors que si je viens dans la partie Titre Over, sur la partie Transition, dès que désactive, je devrais pouvoir accéder aux informations. Faites attention à ces manipulations, c'est-à-dire que, dès que vous travaillez dans les transitions de CSS, vous allez pouvoir venir modifier les éléments, si ceux-ci sont accessibles depuis le double clic, ici, sur la palette CSS, mais pas de pouvoir les ré-activer ou désactiver en fonction de vos choix de départ. Donc, ici, une modification et pensez à garder une transition différente qui va vous permettre de pouvoir agir sur les transitions et de pouvoir affecter ces durées ici ou d'ajouter de nouvelles propriétés sur lesquelles vous allez affecter, sans souci ni problématique. Si vous revenez maintenant dans la partie Feuille de CSS, vous pouvez également modifier les informations que vous voulez, toujours en prenant en compte... Je vais passer directement sur la palette code, ce qui permettra d'afficher tout le monde, ... tous ces éléments vont être déclenchés par les propriétés transitions directement dessus la balise de départ et uniquement dans la partie, la pseudo-classe Over, par exemple, ici, dans le cas où je survole, vous allez apporter les valeurs de destination et d'arrivée, mais toutes les informations sur la transition elle-même, seront placées dans la balise parente de départ.

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 !