Objectif Frontend. Comment créer des bordures animées autour d'un lien
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Objectif Frontend. Comment créer des bordures animées autour d'un lien

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

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce cours en ligne, je vous propose d'apprendre à animer les bordures de vos liens grâce à la magie du CSS.
Nous allons mettre en place par défaut, des bordures de 10px de large en haut à gauche et en bas à droite de chaque lien.
L'idée sera que lorsque le pointer de la souris vient sur le lien, alors les bordures se referment de manière harmonieuse tout autour du lien.
L'objet ici étant d'augmenter l'expérience utilisateur en lui proposant les liens agréables à l'œil.

Pour ce faire nous allons devoir mobiliser un certain nombre de connaissances en langage CSS.
En cas de besoin, vous pouvez réviser ses connaissances en vous rendant sur les tutos suivants:

Ce tutoriel fait partie de ma collection de tuto nommée "Collection frontend".
Je mets les codes de ce tuto à votre disposition.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mettre en place la zone Nav
Leçon 2
Mettre en place une bordure en haut à gauche du lien
Leçon 3
Mettre en place une bordure en bas à droite du lien
Leçon 4
Animer la bordure autour des liens lors du passage de la souris
Leçon 5
Bonus

Plan détaillé du cours

Leçon 1Mettre en place la zone Nav
06m07
Leçon 2Mettre en place une bordure en haut à gauche du lien
09m11
Leçon 3Mettre en place une bordure en bas à droite du lien
06m15
Leçon 4Animer la bordure autour des liens lors du passage de la souris
05m53
Leçon 5Bonus
02m49

Avis des apprenants

Détail des avis
36
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 01/02/2023
Merci Carl pour ce tuto rempli de couleur animée. Cours clair et pédagogique qui me sera très utile. Validé 100 % bordures animées.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 13/12/2022
Clair, net et sans bavure: encore une petite “récréation” css.
Carl Brison
Carl Brison
Merci beaucoup ;-) !
Serge Delattre
Serge Delattre
Publié le 29/09/2022
Un tuto astucieux qui met en relief des connaissances utiles !
Carl Brison
Carl Brison
Merci beaucoup, c'est 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

Payer plus tard

Prix d'achat : 8,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 1422 tutos gratuits

Notre politique de protection des données