Foros del Web » Creando para Internet » CSS »

como crear este efecto en ie

Estas en el tema de como crear este efecto en ie en el foro de CSS en Foros del Web. Hola estoy probando la propiedad text-show pero en firefox funciona bien pero en ie no alguien me podria decir como conseguir este efecto en ie ...
  #1 (permalink)  
Antiguo 27/12/2012, 18:53
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 13 años, 6 meses
Puntos: 10
como crear este efecto en ie

Hola estoy probando la propiedad text-show pero en firefox funciona bien pero en ie no alguien me podria decir como conseguir este efecto en ie el css es este:

Código HTML:
Ver original
  1. <div style='text-shadow: 4px 4px #666;'>sombra</div>

saludos.
  #2 (permalink)  
Antiguo 28/12/2012, 08:02
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años, 5 meses
Puntos: 1517
Respuesta: como crear este efecto en ie

Una pequeña búsqueda en internet text-shadow ie
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 29/12/2012, 12:49
 
Fecha de Ingreso: diciembre-2012
Mensajes: 4
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: como crear este efecto en ie

Cita:
Iniciado por pithon Ver Mensaje
Hola estoy probando la propiedad text-show pero en firefox funciona bien pero en ie no alguien me podria decir como conseguir este efecto en ie el css es este:

Código HTML:
Ver original
  1. <div style='text-shadow: 4px 4px #666;'>sombra</div>

saludos.
Por más que text-shadow quiera ser... O mejor dicho, sea un estándar para los navegadores más utilizados, en navegadores como IE esta propiedad no funciona bien (hasta la versión 9, la versión 10 ya la traería incorporada - no lo he probado todavía). Por estos motivos se utiliza shadow-filter:

Acá va un ejemplo:
Código HTML:
<div>
   <span class="shadow">Texto con sombra</span>
</div> 
Acá el código CSS:

Código:
.shadow {
text-shadow:#333 1px 1px 1px;
/*Filtro para IE*/
filter: progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=135, Strength=1);
}
Donde:
  • color=’#333′ es el color de la sombra
  • Direction=135 es la dirección de la sombra. Es importante que sepas que la sombra puede tomar los siguientes valores: 0, 45, 90, 135, 180, 225, 270, 315.
  • Strength=1 el radio de la sombra en píxeles.

Nota. shadow-filter funciona para IE 5.5 en adelante...

Un saludo!

Etiquetas: efecto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:37.