Les ombres en css - expo39.ru

Les bordures et les ombres

En fait, les couleurs de l'arrière-plan et le texte dans cet exemple sont presque les mêmes cccccc et #D1D1D1 donc sans les ombres, il y a à quasiment aucun contraste. Dessiner le contour des lettres L'exemple des deux ombres de la version précédente peut être utilisé encore d'avantage. Avec quatre ombres, un contour peut être donné aux lettres : h3 text-shadow: -1px Dans sa forme la plus simple, cela ressemble à quelque-chose comme cela : h3 text-shadow: 0.1em 0.1em #333, ceci ajoute une ombre gris-foncée 333) un peu sur la droite (0.1em) et vers le bas (0.1em) par rapport au texte normal. Voici un exemple de texte blanc sur un fond bleu pâle, d'abord sans l'ombre et ensuite avec : h3 color: white h3.a color: white; text-shadow: black 0.1em 0.1em 0.2em, sans ombre : What is in it for me? Le résultat ressemble à ceci : The noak and the barcicle (En Août 2005, tous les navigateurs ne supportent pas encore complètement "text-shadow". L'exemple ci-dessus devrait fonctionner au moins sur Safari et Konqueror.

Il en résulte une forte ombre au décalage indiqué. Mais le décalage peut également être flou, ce qui entraîne une ombre plus ou moins vaporisée. Le niveau de flou est donné comme un autre décalage. Langues, ceci est une traduction. Elle peut avoir des erreurs ou être dépassée par rapport à la version anglaise. Traducteur(-trice Justin, ternet. Voir aussi l'index de toutes les astuces. Sur cette page : Ombres de texte, la version 3 de CSS a une propriété appellée "text-shadow" pour ajouter une ombre à chaque lettre d'un quelconque texte.