9,00

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

9,00

  • Une formation vidéo de 30m15s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Objectif Frontend. Comment créer des bordures animées autour d'un lien

ajouter ce cours aux favoris retirer ce cours des favoris

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.

Table des matières de cette formation CSS (durée : 30m15s)

    • Mettre en place la zone Nav 00:06:07
    • Mettre en place une bordure en haut à gauche du lien 00:09:11
    • Mettre en place une bordure en bas à droite du lien 00:06:15
    • Animer la bordure autour des liens lors du passage de la souris 00:05:53
    • Bonus 00:02:49



Formateur : Carl Brison

Carl Brison a publié 278 tutoriels et obtenu une note moyenne de 4,9/5 sur 17 673 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1463 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données