sep
22
2009
22
2009
CSS text-shadow
An article by 
El text-shadow en CSS3
Un recurso actualmente muy usado… es la sombra en textos… usando texto plano, es decir, CSS… aprovechando esta propiedad text-shadow lograremos el efecto deseado, sin imagenes, sin JS, solo con CSS…
Codigo CSS3 para el text-shadow
1 | h1 {color:#A5A6AB;text-shadow:#FFF 2px 2px 2px;} |
el primer valor como siempre es X 2px y el segundo es Y 2px en este caso tenemos un tercero que es el blur del efcto en la sombra y es de 5px.
text-shadow para internet explorer
Bueno como siempre ie no admite estas cosas y pss MS no tiene de otra que sacar filtros de mmrda para simular dicha propiedad CSS
1 | filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=8); |
aqui va un mini-demo para que vean.
Tengo sombra en IE
Ver demo [Sombrita con CSS]
5 Comments + Add Comment
Leave a comment
Patrocinador
Siguenos
Suscribete
Correo @zoneartcss.com
Comentarios
- juan manuel en Subdominios con php y .htaccess
- PCHART-Crear gráficas en PHP | Espacio de *M@?!*[lOs KeRoS mUcHo a ToDoS...] en Pchart – Crear gráficas en PHP
- EH en Evitar resize de un textarea con CSS
- KAREN en Envia mensajes de texto gratis a celulares telcel
- Elie Cottage en Ventajas y desventajas de tener un blog gratis
Gracias por tus consejos.
He intentado aplicar este filtro, igual que en tu ejemplo, en una lista que tiene por elementos imágenes sobre las que escribo a modo de botones.Pués bien, la sombra no se aplica al texto si no que a la imagen.¿Existe alguna forma de resolverlo? Gracias.
#menu li a{
background:url(../images/imagen.gif) no-repeat center center;
display:block;
width:300px;
float:left;
line-height:29px;
color:#FFF;
text-decoration:none;
filter:progid:DXImageTransform.Microsoft.Shadow(color=’#666666′, Direction=135, Strength=8);
…
Saludos.
es segun como mezles los colores, tienes razon, solo tienes que buscar la conbinación perfecto. saludos
umm if you notice this shadow effect leaves some black pixels over the letters, they are barely noticable in this example becuase it uses a dark color, in a brigth color those black pixels look ugly is there any way to prevent that from happening?
wondeful! dude.
wena man, esta de lujo