Sombras CSS3 en IE 10

IE 10 soportará por aceleración hardware las sombras de CSS3, algo muy pedido por los desarrolladores web.

Ya podemos usarlo con la Windows Developer Preview. En el post de hoy vamos a verlo un poco por encima.

Fijáos en la diferencia que puede haber entre aplicar sombras y no aplicarlas:

Este sería un texto sin tener sombra:

Texto sin sombra

Texto sin sombra

Si ahora escribimos su CSS de la siguiente forma:

.shadow1 { color: black; text-shadow: 2px 2px; }

Aparecerá algo parecido a esto:

Texto con sombra CSS3

Texto con sombra CSS3

 

En el blog de Internet Explorer nos cuentan de forma sencilla cómo podemos usarlo con muchos más ejemplos:

http://blogs.msdn.com/b/ie/archive/2011/09/29/css3-text-shadow-in-ie10.aspx

Espero que os guste.

Juan María Laó Ramos.

 

 

Deja un comentario