Objectif

Exercice 01

Énoncé

• Créer un nouveau document HTML. transition01.html
• Associer une feuille de style au document HTML.transition01.css
• Faire apparaître du texte au passage de la souris de chaque bloc suivants.








Solution

• Essayez de faire l’exercice de votre côté avant de regarder la solution !

Exercice 02

Énoncé

• Créer un nouveau document HTML. transition02.html
• Associer une feuille de style au document HTML.transition02.css
• Ex01
• Reproduisez le bouton ci-dessous en utilisant un lien html <a> et en respectant les effets de transition.



• Ex02
• Reproduisez le bouton ci-dessous en utilisant un lien html <a> et en respectant les effets de transition différents sur le mouse hover et le mouse out.


Source:https://juliencrego.com/exercices/transitions-css-boutons-css18/

Solution

• Essayez de faire l’exercice de votre côté avant de regarder la solution !

Exercice 03

Énoncé

• Dans les mêmes fichiers crées dans les exercices précédents, réaliser le menu suivant:



Solution

• Essayez de faire l’exercice de votre côté avant de regarder la solution !