Créez 5 menus faciles pour vos sites Web

Create 5 Easy Menus for your websites

Créez 5 menus faciles pour vos sites Web

Créez 5 menus faciles pour vos sites Web

Transition et animations pour les navbars web

Ce que vous allez apprendre

Créez 5 menus faciles pour vos sites Web

  • Créer des menus web réactifs
  • Améliorez vos compétences en css
  • Animations d’icônes de hamburgers
  • Créez de belles transitions pour vos menus Web

Exigences

  • Connaissance de base de HTML et CSS

Description

Salut les gars !

BIENVENUE AU COURS « Créer 5 navbars de menu pour vos sites web ».

Ce cours est divisé en 5 sections ; le contenu de chaque vidéo est expliqué ci-dessous :

Première section : Intro

– Obtenez un résumé de ce que vous allez apprendre dans le cours.

Deuxième section : Menu déroulant

– Créez une transition pour l’icône de menu avec la propriété transform, d’une icône de hamburger verticale à une flèche orientée vers le bas.

– Ajoutez une ombre à votre barre de navigation et une ombre aux liens

– Créez une animation pour les liens lorsque vous les survolez.

– Améliorez vos compétences en matière de CSS

Deuxième section : Menu latéral en dégradé

– Créez une icône de hamburger avec une couleur dégradée qui se transformera en un « X » dégradé lorsque vous cliquerez dessus.

– Ajoutez une transition pour les icônes du menu, la barre navale réactive et les liens du menu.

– Créez des animations de survol pour les liens en changeant les couleurs de chacun d’entre eux.

Troisième section : Menu pleine hauteur

– Créez une transition minimaliste pour l’icône du hamburger lorsque vous cliquez dessus.

– Affichez un menu pleine hauteur lorsque vous cliquez sur l’icône de menu avec une belle transition utilisant la propriété transform.

Quatrième section : Déplacement du menu de la barre latérale

– Créez un menu latéral qui déplace l’image d’arrière-plan lorsque vous cliquez sur l’icône.

– Faites pivoter l’icône de la flèche de 180 degrés lorsque vous cliquez dessus avec la propriété transform et la valeur rotate.

Cinquième section : Icônes du menu latéral

– Créer un menu latéral avec des icônes sur le côté gauche de la page qui affichent le nom du lien lorsque vous survolez la barre de navigation.

– Ajout d’un fond dégradé aux liens lorsqu’on les survole, ainsi qu’une animation de zoom avant.

– Ajoutez une transition pour la barre de navigation.

CE COURS S’ADRESSE AUX PROGRAMMEURS, CONCEPTEURS WEB ET DÉVELOPPEURS WEB DÉBUTANTS ET INTERMÉDIAIRES.

Tout le code est fait sous le fichier HTML, y compris le code Css et JavaScript.

Chaque menu a un fichier zip attaché que vous pouvez trouver dans les « ressources » avec les fichiers HTML et les images.

A qui s’adresse ce cours :

  • Programmeurs et développeurs web débutants et intermédiaires
  • Concepteurs web débutants

Créez 5 menus faciles pour vos sites Web

Comment créer des transitions remarquables pour les liens du menu avec Css

Obtenir le cours maintenant