En-tete Astuces divers html et css
Classic Moderne

Les ombrages sur du texte:

Text-shadow

Grâce à des propriétés telles que box-shadow, text-shadow et border-colors, les feuilles de style offrent la possibilité de créer des ombrages sur les différents éléments de votre page sans nécessiter d'image décorative et de découpes intempestives.

text-shadow est une propriété permettant de produire une ombre portée sur le texte de contenu sur lequel elle est appliquée.

Il est possible de spécifier les décalages de l'ombrage, la couleur et sa zone de flou. Ces effets s'appliquent dans l'ordre spécifié et peuvent ainsi se recouvrir, mais ceux-ci ne recouvriront jamais le texte lui-même. L'ombrage n'affecte pas la taille de la boîte de texte.


h1
{
text-shadow: 0px 0px 9px #777;
color: #fff;
}

Adaptation pour Internet Explorer

Là encore, nous allons devoir ruser en appliquant le filtre Shadow à nos éléments, de la même manière que nous l'avons fait précédemment pour adapter la propriété box-shadow.


.ombrage
{
filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4); zoom: 1;










Haut-de-Page