[CSS] Comment utiliser text-shadow?

Version imprimable

16/03/2005, 19h01
Hell

[CSS] Comment utiliser text-shadow?
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:

<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:

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
16/03/2005, 20h49
3a

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.
16/03/2005, 20h54
Hell

ah d'accord voila pourquoi j'y arrivais pas :P merciiiiiiiiii :)
mais pourtant il me semblait qu'il existait une propriété permettant d'ombrer un texte, sais tu laquelle c'est stp?
16/03/2005, 20h59
giminik

Citation:

Envoyé par Hell

ah d'accord voila pourquoi j'y arrivais pas :P 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++
16/03/2005, 21h01
3a

à part travailler en positionnement absolute et faire 2 div légérement décalés non... :?
16/03/2005, 21h14
Hell
ah voila j'ai trouvé, c'était
Code:

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 :lol:
merci pour votre aide

Code:

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>