Menu déroulant intelligent en full CSS 3
ERROR
00:00
00:00

TUTO Menu déroulant intelligent en full CSS 3

Benoît Philibert
4,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Avec ce tuto CSS 3, apprenez à réaliser un menu déroulant dit "intelligent" en full CSS 3.
Plus besoin de passer des heures devant Photoshop pour avoir des dégradés, des bordures et des ombres dignes de professionnels! Avec ce tutoriel CSS qui est compatible sur 4 des plus puissants navigateurs web (Mozilla Firefox, Chrome, Safari, Opera) vous n'aurez que la difficulté du choix!

De niveau intermédiaire voire même facile, ce tutorial s'adresse à toute personne connaissant très légèrement le CSS 3. Nous aborderons ensemble les points suivants :

  • Les préfixes -moz- / -webkit- / -o-
  • Réaliser un dégradé en CSS3
  • Réaliser un text-shadow (ombre de texte) ou un box-shadow (ombre d'élément) en CSS3
  • Apprendre à réaliser un border-radius (coins arrondis) en CSS3
  • Gestion des listes "ul" et "li" en HTML
  • Apprendre à gérer des classes avec des largeurs différentes sous CSS
  • S'intéresser à la balise "input" et la styliser

Un fichier source est fourni avec ce tutoriel vidéo :)

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Menu déroulant intelligent en full CSS 3

Plan détaillé du cours

Leçon 1Menu déroulant intelligent en full CSS 3
1h48m

Avis des apprenants

Détail des avis
566
Apprenants
16
Commentaires
4,7/5
Note moyenne
5/5
13
4/5
6
3/5
1
2/5
0
1/5
0
Dominique Van-Damme
Dominique Van-Damme
Publié le 22/04/2020
Bon tuto, On apprend beaucoup de chose sur les menus déroulants.
Christian Callaud
Christian Callaud
Publié le 15/06/2019
Tuto très bien commenté. il m'a permis de réaliser un menu très complet. Merci à Benoît Philibert.
Jean-Paul Dubuisson
Jean-Paul Dubuisson
Publié le 19/06/2018
Merci pour votre tutoriel de grande qualité ! (Peut-être que diviser le tutoriel en plusieurs chapitres ou rubriques en faciliterait la lecture ?)
Benoît Philibert
Bonjour, merci pour votre retour constructif :)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données