Exercices en CSS les les transitions Série 01

Objectif

1. Exercice 01

   1. É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.
      

   2. Solution

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

2. Exercice 02

   1. É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/

   2. Solution

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

3. Exercice 03

   1. Énoncé

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

   2. Solution

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