escudo Archives - Punto Geek https://www.puntogeek.com/tag/escudo/ El punto de encuentro para todo Geek Mon, 14 Oct 2013 15:36:15 +0000 es hourly 1 https://wordpress.org/?v=6.6.2 1069936 Símbolos de superheroes creados solo con CSS3 https://www.puntogeek.com/2013/10/14/simbolos-de-superheroes-creados-solo-con-css3/ https://www.puntogeek.com/2013/10/14/simbolos-de-superheroes-creados-solo-con-css3/#respond Mon, 14 Oct 2013 15:36:13 +0000 http://www.puntogeek.com/?p=35127 Esto si que es increíble, Jordano Aragão es un conocedor avanzado de CSS3 y además aficionado a los superheroes que creo 4 símbolos de 4 superheros utilizando un solo elemento HTML, la etiqueta div con una clase y mucho CSS3 avanzado, los resultados son espectaculares y muy reales, se ven como si se tratase del trabajo ... Leer más

La entrada Símbolos de superheroes creados solo con CSS3 se publicó primero en Punto Geek.

]]> Esto si que es increíble, Jordano Aragão es un conocedor avanzado de CSS3 y además aficionado a los superheroes que creo 4 símbolos de 4 superheros utilizando un solo elemento HTML, la etiqueta div con una clase y mucho CSS3 avanzado, los resultados son espectaculares y muy reales, se ven como si se tratase del trabajo profesional de un dibujante.

Gracias a que es CSS3 pueden ver el código completo y empezar a jugar con el para aprender como fue logrado tal efecto para un solo elemento HTML.

Reactor Arc de Iron Man

Screenshot_62

Green Lantern

Screenshot_60

Spiderman

Screenshot_59

Captain America’s Shield

Screenshot_57

Si jugaron un poco con el código se darán cuenta de que el truco  es utilizar las nuevo pseudoelementos :after y :before, los cuales pueden tener cualquier cosa adentro, como degradados, fondos o letras.

Vía: Google+

La entrada Símbolos de superheroes creados solo con CSS3 se publicó primero en Punto Geek.

]]> https://www.puntogeek.com/2013/10/14/simbolos-de-superheroes-creados-solo-con-css3/feed/ 0 35127