Utilisation de la Propriété CSS text-shadow
Découvrez comment appliquer et personnaliser des ombres sur du texte en utilisant la propriété CSS text-shadow.
Introduction à la formation HTLM5 et CSS3
Les bases de la mise en page
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          La mise en page avancée
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Autres sélecteurs et propriétés
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                                                      
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons explorer les possibilités offertes par la propriété CSS text-shadow pour ajouter des ombres à un texte. Nous commencerons par appliquer une ombre simple avec des décalages horizontaux et verticaux, ainsi qu'un degré de flou et une couleur. Nous verrons ensuite comment utiliser des couleurs en RGBA pour obtenir des effets d'ombres semi-transparentes sophistiqués. Ensuite, nous apprendrons à ajouter plusieurs ombres à un même élément pour créer des effets plus complexes et attrayants. Vous découvrirez également comment positionner ces ombres de manière précise pour obtenir le meilleur résultat possible. Que ce soit pour un usage personnel ou professionnel, cette leçon vous fournira toutes les connaissances nécessaires pour embellir vos textes avec des ombres CSS.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à appliquer une ombre à un texte en utilisant CSS, personnaliser les ombres avec des décalages et des flous, et utiliser plusieurs ombres pour des effets visuels sophistiqués.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML et CSS.
Métiers concernés
Cette compétence est utile pour les développeurs front-end, les web designers et les graphistes.
Alternatives et ressources
Comme alternative à CSS text-shadow, vous pouvez utiliser des images ou des effets graphiques issus de logiciels de conception comme Photoshop pour les ombres de texte.
Questions & Réponses
 
                
               
         
          