Back

Exercices en CSS les les transitions Série 01

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.
        • TP les transitions CSS




      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.
        • TP les transitions CSS
          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 !



    Riadh HAJJI

    Abonnez vous à notre chaîne YouTube gratuitement