Dans ce cours en ligne, je vous propose d'apprendre à animer un texte se trouvant à l'intérieur d'un bouton de formulaire.
Nous allons déplacer le texte du bouton de formulaire vers la droite, lorsque le pointeur de la souris passera sur ce bouton.
En retour, un texte venant de la gauche viendra remplacer le premier texte.
Ainsi, vous aurez un bouton de formulaire original et 100% intéractif.
Vous êtes libres d'utiliser cette nouvelle connaissance pour vos propres sites web ou bien ceux que vous réalisez pour vos clients.
Ce tutoriel fait parti de ma collection de tuto nommée "Collection frontend".
Je mets les codes de ce tuto à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Table des matières de cette formation CSS (durée : 25m58s)
-
- Mise en place du formulaire 00:10:44
- Déplacer le texte du bouton vers la droite 00:06:36
- Amener le texte du bouton depuis la gauche 00:08:38
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci à nouveau Carl pour ces animations CSS très subtiles ! C'est un vrai régal de vous suivre et d'avancer tous les jours un peu plus dans nos connaissances ! A bientôt, Eric
-
Merci Carl pour ce cours où j'ai appris beaucoup de choses. Étonnant les possibilités du CSS, le comprendre et le maîtriser est important. Validé 100 % texte sur bouton de form.
-
Intéressant ce bouton qui alterne entre Bienvenue et Entrer. Beaucoup de petits détails à penser. Je n'aurai pas pensé qu'on puisse le faire juste en CSS. Merci pour ces explications pratiques. A bientôt.
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Que contient le fichier source ?Le code source de ce tuto.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés