domingo, 5 de septiembre de 2010

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, 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.

Comentarios y Consultas

Los mensajes serán revisados a veces. No te olvides que soy una persona, no se trata de faltar al respeto, todos tenemos opiniones, no hay que enojarse.

Puedes marcar Notificarme para recibir la notificación de la respuesta.

4 comentarios:

  1. Qué decepción de nuevo, y yo que contaba con ello en el 9... cuántas propiedades más no soportará...

    Israel, España

    ResponderBorrar
  2. Pues nuestros amigos de Microsoft lo hacen a propósito porque finalmente nunca les ha convenido una Internet interoperativa que no sea bajo sus reglas.

    ResponderBorrar
  3. la solucion es sacar a internet explorer del mercado con un if {} en php jejee

    ResponderBorrar

El ascenso de Skywalker(2019)

Joker 2019Una película que ha roto a divido a los fans muchos culparán a sus director por querer reparar Los últimos Jedi, no es su culpa al final.

[Leer artículo...]

La Espada del Inmortal (2019

Blade of The Immortal (2019)La historia de Manji, un guerrero samurái sin señor que ha sido condenado con la inmortalidad...

[Leer artículo...]

Kemono Michi: Rise Up (2019)

Kemono Michi: Rise Up (2019)Del autor de Konosuba, Genzo Shibata es un luchador japonés que es transportado a un mundo de fantasía, quien está obsesionado con los seres peludos.

[Leer artículo...]

ELI (2019)de Netflix

ELI (2019)de Netflix Reseña y criticaPelícula lanzada directo a video que nos cuenta una historia que parecería sacada de la Dimensión desconocida.

[Leer artículo...]

  © Cgnauta | CGsign blog | [Ver Licencia de uso] | Matius Lenin, Creative Commons, algunos derechos reservados

Regresar ARRIBA  

Vistas desde Mayo 2009

▼/▲ Archivo del Blog

Visitas totales

Información

IBSN: Internet Blog Serial Number 01-77-94-2008

Esta plantilla es creada y diseñada por Matius Lenin para CGnauta blog. Con Scripts de JQuery bajo licencia GNU/GPL. CGnauta es una marca registrada propiedad de Matius Lenin.