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 :)
Avis des apprenants