Problème dans mon CSS !

Fermé
keke21410 Messages postés 494 Date d'inscription mercredi 4 février 2009 Statut Membre Dernière intervention 21 janvier 2014 - 17 déc. 2009 à 22:19
keke21410 Messages postés 494 Date d'inscription mercredi 4 février 2009 Statut Membre Dernière intervention 21 janvier 2014 - 17 déc. 2009 à 22:45
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 !
A voir également:

2 réponses

UgglyBoy Messages postés 422 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 30 mai 2015 64
17 déc. 2009 à 22:32
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 mercredi 4 février 2009 Statut Membre Dernière intervention 21 janvier 2014 40
17 déc. 2009 à 22:45
non ça fonctionne bien sous chrome tiré de là pour apprendre :
https://www.alsacreations.com/xmedia/tuto/exemples/ombrage/text-shadow.html
0