[CSS] Comment utiliser text-shadow?

**Hell** · 16/03/2005, 19h01

Bonjour
Je me remets au css donc désolé si la question est stupide

Mais comment utiliser text-shadow en css?

J'ai essayé avec ce code mais ça ne fonctionne pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="text-shadow:red;">mon texte</div>

J'ai également essayé un des codes présents dans le manuel css disponible sur le site :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<style type="text/css">
H2 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }
</style>
 
<H2>mon texte</H2>

mais idem ça n'a aucun effet sur mon navigateur...

J'ai testé ces codes avec internet explorer et firefox
Comment faire s'il vous plait?

Merci d'avance pour votre aide

3a · 16/03/2005, 20h49

text-shadow qui fait parties des css 2 ne sert pas à grand chose: c'est une propriété qui n'est reconnu par aucun navigateur.

**Hell** · 16/03/2005, 20h54

ah d'accord voila pourquoi j'y arrivais pas

merciiiiiiiiii

mais pourtant il me semblait qu'il existait une propriété permettant d'ombrer un texte, sais tu laquelle c'est stp?

**giminik** · 16/03/2005, 20h59

Envoyé par Hell

ah d'accord voila pourquoi j'y arrivais pas

merciiiiiiiiii

mais pourtant il me semblait qu'il existait une propriété permettant d'ombrer un texte, sais tu laquelle c'est stp?

il s'agit de text-shadow, propriété non reconnue.
plus d'infos : http://www.blooberry.com/indexdot/css/properties/text/textshadow.htm

a++

3a · 16/03/2005, 21h01

à part travailler en positionnement absolute et faire 2 div légérement décalés non...

**Hell** · 16/03/2005, 21h14

ah voila j'ai trouvé, c'était

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div 
style="
width:300px;
font-size:32pt;
filter: dropshadow(color=#cccccc, offx=5, offy=-3, positive=1);"
>
Ombre
</div>

mais c'est du ie donc je vais pas m'en servir finalement

merci pour votre aide

**SpaceFrog** · 17/03/2005, 08h49

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<style type='text/css'>
.dessus { position:absolute ;
          top: 286 ; 
          left:205 ;
          font-size: 24px;
          color: white ;
          z-index:2; 
          font-weight:light;
          letter-spacing:6.5px;
          font-family:verdana;
          }
 
.dessous  {position:absolute ;
			top: 288 ;
			left: 206 ;
			font-size: 24px ;
			color: darkgray; 
          font-family:verdana;
          letter-spacing:6.5px;
			z-index:1;}
 
</style>
<title>Nouvelle page 1</title>
</head>
<body >
 
<div class="dessus" >COUCOU</div>
<div class="dessous" >COUCOU</div>

[CSS] Comment utiliser text-shadow?

CSS

Discussions similaires

Partager

Partager