Effet sur champs de formulaire sans programmation
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Effet sur champs de formulaire sans programmation

Carl Brison
3,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du code HTML
Leçon 2
Mise en place du code CSS 1/2
Leçon 3
Mise en place du code CSS 2/2
Leçon 4
Mise en place de l'effet sur les champs de formulaire
Leçon 5
Conclusion

Plan détaillé du cours

Leçon 1Mise en place du code HTML
03m46
Leçon 2Mise en place du code CSS 1/2
07m54
Leçon 3Mise en place du code CSS 2/2
06m28
Leçon 4Mise en place de l'effet sur les champs de formulaire
03m44
Leçon 5Conclusion
01m45

Aperçus

Avis des apprenants

Détail des avis
80
Apprenants
6
Commentaires
5/5
Note moyenne
5/5
6
4/5
0
3/5
0
2/5
0
1/5
0
Arnaud Drapier
Arnaud Drapier
Publié le 30/01/2025
Merci Carl pour votre excellent cours
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 02/01/2025
Rapide, mais efficace
Carl Brison
Carl Brison
Merci beaucoup ;-)
Alain Tardif
Alain Tardif
Publié le 02/01/2025
Merci Carl pour votre excellent cours sur la création d'un champ de formulaire sans programmation ! J'apprécie particulièrement comment vous avez utilisé le CSS pour créer des effets visuels attrayants, comme l'animation de transition sur les champs de saisie et le bouton de soumission. L'utilisation de `focus` pour élargir les champs et changer la couleur de la bordure est vraiment ingénieuse. Votre mise en page centrée avec flexbox et le design épuré du formulaire rendent l'interface très moderne et agréable à utiliser. 😊 Validé 100%
Carl Brison
Carl Brison
Merci beaucoup Alain, pour votre commentaire très gentil

Vos questions sur le cours

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

Payer plus tard

Prix d'achat : 3,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1459 tutos gratuits

Notre politique de protection des données