Credit image

¿Te gusta el diseño web? ¡Echa un vistazo a la documentación de LenguajeCSS.com!

Logotipo de Android y Honeycomb en CSS

Representación del logo de Android (tradicional y el nuevo logo de Honeycomb) realizado íntegramente en CSS.

Aunque no lo parezca, los siguientes logotipos no son ninguna imagen. ¿Cómo puede ser? Fácil. Se trata de una representación del nuevo y futuro Android 3.0 (Honeycomb) y el logo tradicional al que ya estamos acostumbrados, ambos realizados por completo en CSS y HTML.

Los dos logotipos hacen uso de las características CSS3 que están presentes en la mayoría de los navegadores actuales.

Android 3.0 Honeycomb | Honeycomb CSS | Logo original

Android Logo | Android CSS | Logo original

Escrito por Manz, el , en android. Comentarios recibidos: 6.

6 comentarios de lectores
Signos del zodiac
Signos del zodiac
1

Excelente articulo, tienes algunos relacionados con el tema? Me gustaria verlos...

Nazarí González
Nazarí González
2

El css en mano de expertos es realmente potente y se pueden hacer autenticas maravillas, te invito a ver este trabajo en css que nada tiene que envidiarle al logo de android. http://www.romancortes.com/blog/pure-css-coke-can/ Se trata de una lata de coca cola que podemos girar. Un Saludo!

AnimeNaruto
AnimeNaruto
3

Pues si... el CSS es bastante potente y se pueden llegar a hacer grandes cosas. He visto el trabajo de román cortes que ha comentado Nazarí y el efecto conseguido es absolutamente impecable... Un saludo!

Diego
Diego
4

Me gusta me gusta, creo que está aun mejor que el logo original de Android. Si puedes enseñarnos a hacerlo te estaria eternamente agradecido

castg
castg
5

me quedo con el logo verde

Chris_Redfileld7
Chris_Redfileld7
6

En el Firefox de Ubuntu 11.04 se descuadra un poco la imagen, pero nada que ver con el horror que es abrir eso en IE. :D

Publica tu opinión

Si lo deseas, puedes utilizar el siguiente formulario para publicar tu opinión o responder a alguna de las existentes:

Previsualización

Aquí se previsualizará su comentario. Revise que sea correcto antes de publicarlo.