Exercices en CSS les les transitions Série 01
Exercices en CSS les les transitions Série 01
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. -
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 !
Source:https://juliencrego.com/exercices/transitions-css-boutons-css18/
