Problème dans mon CSS !

keke21410 Messages postés 494 Date d'inscription   Statut Membre Dernière intervention   -  
keke21410 Messages postés 494 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
j'ai un blème avec mon code CSS, il ne marche pas, je suis sous chrome :

<html><head>
<style type="text/css">.ombrage2
{
position: absolute;
top: 300px;
left: 50%;
text-shadow:0 -1 5px blue, 0 -5px 4px #FFFF1A, 3px -11px 7px #FFDD60, 5px -15px 14px #FF8800, 7px

-25px 18px #FF0060, 10px -34px 21px #FF0000; /* Méga ombrage du texte ! bonne chance pour le décryptage ;) */
color: #000000;
}
</style>
</head>
<body>
<p class="ombrage2"><span style="font-size: 30px;">Ceci est mon texte ombré !</span></p>
</body>
</html>


Je ne comprends pas le problème, quelqu'un peut m'éclairer ?
Merci !

2 réponses

UgglyBoy Messages postés 426 Date d'inscription   Statut Membre Dernière intervention   64
 
ceci fonctionne sous firefox 3.5.6 win7:
<html>
<head>
	<style type="text/css">
	.shadow {
		font-size: 30px;
		text-shadow: #666666 5px 5px 5px;
	}
	</style>
</head>
<body>
	<p class="shadow">Ceci est mon texte ombré !</p>
</body>
</html>
0
keke21410 Messages postés 494 Date d'inscription   Statut Membre Dernière intervention   40
 
non ça fonctionne bien sous chrome tiré de là pour apprendre :
https://www.alsacreations.com/xmedia/tuto/exemples/ombrage/text-shadow.html
0