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 :)
- Fichiers sourcestélécharger
- Certificat
Formateur : Benoît Philibert
-
Bon tuto, On apprend beaucoup de chose sur les menus déroulants.
-
Tuto très bien commenté. il m'a permis de réaliser un menu très complet. Merci à Benoît Philibert.
-
Merci pour votre tutoriel de grande qualité ! (Peut-être que diviser le tutoriel en plusieurs chapitres ou rubriques en faciliterait la lecture ?)
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés