Dans ce tuto vidéo, je vais vous montrer comment il est possible d'agrandir un champ de formulaire en cliquant dedans sans utiliser de langage de programmation tel que le JavaScript ou bien le jQuery.
Si vous êtes allergique à la programmation, alors ça tombe plutôt bien puisque ici nous allons apprendre à réaliser une animation sur les champs de formulaire uniquement avec du code CSS.
Je mets à votre disposition, l'ensemble des codes de ce tuto.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur le cours.
Bon tuto.
Table des matières de cette formation CSS (durée : 23m37s)
-
- Mise en place du code HTML gratuit 00:03:46
- Mise en place du code CSS 1/2 00:07:54
- Mise en place du code CSS 2/2 00:06:28
- Mise en place de l'effet sur les champs de formulaire 00:03:44
- Conclusion 00:01:45
- Fichiers sourcestélécharger
- Certificat
Formateur : Carl Brison
-
Toujours aussi bien vos cours
-
Il me plaît beaucoup ce petit formulaire : son design, ses effets sur les champs, et les transitions en plus, ça donne envie de le remplir :-) Très simple, que du CSS, il suffit juste de connaître les bons tuyaux. Et avec Carl on est bien servi !
-
Un tuto clair et expliqué de façon sympa. Mhyrdin (infographiste 2D, 3D retraité)
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code complet de ce tuto
note moyenne
avis laissés