Logo de Radiohead en CSS3

Hoy estuve revisando la web de Alonso (TEC SSC) y me encontré con un excelente logo de Radiohead hecho en CSS3

http://alonsovb.com/radiohead/

CSS3 permite cosas que son dificiles de abarcar en su totalidad. Ya individualmente permite muchas funciones pero de manera combinada con otras tecnologías y bibliotecas (Como JQuery de Javascript) simplemente entrega a la web algo de lo que carecía, y que trataba de solventar con software obsoleto como Flash, que además es de código cerrado.

Alonso usó no una sino varias de las capacidades de CSS3, y además tomó ciertas precauciones.

Los prefijos que usó:

 -webkit-border-radius: 10px / 40px;
 -moz-border-radius: 10px / 40px;
 -o-border-radius: 10px / 40px;
 
 
Hacen referencia a navegadores distintos. -webkit- para Google Chrome y Safari, -moz- para Firefox y -o- para Opera.

Con estos él se ha asegurado de que su logo se vea en los navegadores más importantes de la actualidad.

Si el no hubiera colocado el prefijo por ejemplo -o-border-radius... el efecto que brinda dicha propiedad se vería en todos los navegadores excepto en Opera, del grupo anteriormente mencionado.

Lo que se espera de CSS3 es que estos prefijos dejen de ser necesarios en un futuro para así unificar las hojas de estilo en cascada, con un estandard sólido y confiable.

CSS3 permite transformaciones tanto en dos dimensiones como en tres dimensiones. Usted puede hacer un videojuego en 3D con CSS3, HTML5 y Javascript (O JQuery, más fácil :D).

También puede utilizar animaciones todo hecho en CSS3, usando frames.

No hay comentarios:

Publicar un comentario

gmendezm
Portada
Lista Principal