 |
Usuario: Ingresar |
Blog de diseño gráfico, informática, tecnología y cultura política.
 |
| Dirección URL | http://cgnauta.blogspot.com/ Registrado:03-Feb-2008 |
Compartir:
|
|
 Enviar a email | text-shadow : text-shadow : Su futuro en Internet Explorer 9 con CSS 3 en General |  Por matius
el 31-Dec-1969 | Siendo una idea realmente brillante que introdujeron en CSS 2 y retiraron en la especificación 2.1, text-shadow es una de las especificaciones que en Internet Explorer 9 no será incluida como parte de la especificación CSS 3 parcial que Microsoft prepara para su navegador, a mi parecer el peor de todos los navegadores que actualmente lideran las preferencias de la gente, donde Chrome, Opera, Safari y Firefox facilitarán el trabajo de diseño de una web, con Internet Explorer, deberemos seguir usando los horrendos e inexactos filtros de sombras o de plano imágenes.
Este tutorial no es para Internet Explorer. Usa Mozilla Firefox o Google Chrome.
Par manejar Text-Shadow, solamente manejaremos cuatro valor: Color, Alineación horizontal, alineación vertical y difuminado de sombra, por ejemplo:
Esto es una ejemplo
Esto es:
text-shadow:-10px 10px 4px #B30E0E
El primer valor define la separación horizontal de la sombra.
El valor negativo pondrá la sombra a la izquierda: text-shadow:-10px 0px 0px #B30E0E;
Esto es una ejemplo
El valor positivo a la derecha: text-shadow:10px 0px 0px #B30E0E;
Esto es una ejemplo
El segundo valor es para definir la separación vertical
Los valores negativos separan la sombra hacia arriba. text-shadow:0px -10px 0px #B30E0E;
Esto es una ejemplo
Los valores positivos hacia abajo. text-shadow:0px 10px 0px #B30E0E;
Esto es una ejemplo
Difuminado
El tercer valor es el difuminado de la sombra, donde cero es igual a una sombra sólida, aquí usaremos como valor 8px: text-shadow:5px 10px 8px #B30E0E;
Esto es una ejemplo
Color
El último valor es el color, aquí usaremos un tono azulado, que puede expresarse en Hexadecimal:#6699FF o RGB: rgb(40%, 60%, 100%), dos ejemplos de aplicación:
text-shadow:5px 10px 8px #6699FF;
text-shadow:5px 10px 8px rgb(40%, 60%, 100%);
Esto es una ejemplo
Notas finales
Como pueden notar, es una propiedad CSS sencilla de entender y aplicar, por desgracia con Internet Explorer, como muchas otras geniales propiedades CSS3 que mejoran magníficamente el diseño de sitios webs no las veremos implementadas -quizas- hasta Internet Explorer 10.
De momento Microsoft con su Internet Explorer 9 Preview ha demostrado que no tiene la capacidad de lanzar un navegador en forma que no intente ser dueño de un mercado que ha perdido por su terquedad.
Leído 9 veces
|
|
 |
| text-shadow : text-shadow : Su futuro en Internet Explorer 9 con CSS 3 | | Siendo una idea realmente brillante que introdujeron en CSS 2 y retiraron en la especificación 2.1, text-shadow es una de las especificaciones que en Internet Explorer 9 no será incluida como parte de la especificación CSS 3 parcial que Microsoft prepara para su navegador, a mi parecer el peor de todos los navegadores que actualmente lideran las preferencias de la gente, donde Chrome, Opera, Safar [..] Leer nota completa | | Publicado 31-Dec-1969 por matius en General
Leído 9 veces. Más resultados en    |
|
| text-shadow : Su futuro en Internet Explorer 9 con CSS 3 | | Siendo una idea realmente brillante que introdujeron en CSS 2 y retiraron en la especificación 2.1, text-shadow es una de las especificaciones que en Internet Explorer 9 no será incluida como parte de la especificación CSS 3 parcial que Microsoft prepara para su navegador, a mi parecer el peor de todos los navegadores que actualmente lideran las preferencias de la gente, donde Chrome, Opera, Safar [..] Leer nota completa | | Publicado 31-Dec-1969 por matius en General
Leído 7 veces. Más resultados en |
|
 | Life Hack |  Blogueros | Personal Development Weblog, lifehack.org Daily digest and pointer on productivity, getting things done and lifehacks |
| Blogs De Guatemala | Guatemala | Blogs de Guatemala | Directorio de Blogs, donde los guatemaltecos escriben.
Noticias, información, clima, deportes, poesía, opinión, información Blogs de Guatemala Así se escribe en Guatemala. Directorio de Blogs Guatemaltecos |
|
Advertencia YAAQUI.COM no verifica la veracidad de la información publicada y no se responsabiliza
por el uso que se le de a la infomación del contenido publicado en los feeds y weblogs independientes.
Las opiniones vertidas en este sitio no necesariamente son nuestras. Nos reservamos el derecho de
remover cualqueir material que consideremos inconveniente.
|
|
| |
Hola, Invitado
En línea: 441 visitantes
+ fotos
[..] 
