Escudo Nacional en CSS3
viernes, enero 27, 2012
Publicado por Josue
Tras escuchar a @cvander de mejorando.la que dijo en su conferencia de css "Hagan símbolos nacionales en css" me anime a hacerlo, pero después de ver lo complejo que era el escudo nacional pensé que iba a ser imposible o me iba a tomar mucho tiempo, sin embargo después de ver todas las opciones que ofrecía css3 como transformaciones (rotación en todos los ejes, traslación, escalado), degradados múltiples, los clásicos bordes redondeados, pseudoelementos ..etc.
Empecé a probar y vi que tomaba forma, así que lo termine. Claro no es exactamente igual pero creo que es muy aceptable tomando en cuenta las limitaciones de css.
Solo utilice dos imágenes en svg, la sección del cóndor de los andes y la sección de la alpaca, todo lo demás es css3 y html, para el css utilice Less CSS este es la fuente del css y el html.
Cabe destacar que las imágenes en svg no las hice yo (soy un pésimo diseñador), las extraje de este gráfico
con Adobe Illustrator (esta es la parte que mas me costo, no se nada de Illustrator).
El resultado por el momento solo funciona en Google Chrome, los invito a que dejen su opinión, creen que se puede mejorar?
Deja deja un comentario, o recibe notificaciones en tu correo.
Suscribirse a:
Enviar comentarios (Atom)


Publicar un comentario