Una vez ya vimos como alguien dibujó el cuadro de un paisaje usando únicamente código CSS. En esta ocasión tenemos a un perfecto Homero Simpson dibujado con sólo CSS, usando fuente Verdana y posicionamiento absoluto, generando de esta forma dibujos vectoriales directamente embebidos en el código html.
Román Cortes se ha animado a Dibujar a Homero, me permití copiar y pegar el código que el realizó para esta genialidad.
(intenten pasar el mouse encima y verán que no es una imagen, es puro código CSS)
El resultado es cross-browser; está comprobado en los siguientes navegadores bajo Windows:
- Internet Explorer 5.5, 6 y 7
- Opera 9
- Firefox 2
- Safari 3
Mis aplausos, esto demuestra la fuerza de CSS para realizar diseños complejos.
Nota del autor: para su correcta visualización la fuente Verdana debe estar disponible en el equipo
Enviar esta noticia a un amigo
Ver Noticias Similares 
Buscar más en Google
8 Comentarios »
jajaja, muy bueno, muy buen ejemplo, ahora a buscar a darth vader
ja. y asi se ve si elimino los css:
o
o
o
o
(
O
O
O
\
L
(
O
O
O
O
O
\
L
(
O
|
|
\
\
|
|
\
\
\
\
(
(
8
o
o
o
(
(
8
o
o
o
o
)
)
b
o
O
o
o
o
o
o
o
)
b
o
O
o
o
o
o
o
o
o
o
o
/
/
/
•
•
•
•
•
_
_
_
•
•
•
C
C
O
(
-
Las tecnoaventuras de LocoDiego » Dibujando con CSS
Enlace al comentario
[...] blogs encontré que Román Cortéz (antes había realizado el logo de un blog) habia preparado en CSS el dibujo de Homero Simpson, no es la primera vez que alguien realiza un gráfico en CSS, hace un tiempo [...]
M@U
Enlace al comentario
Wow ! Que ingenio el de ese sujeto, y pasciencia sobre todo…
Peliculas Online
Enlace al comentario
Nunca me imagine que sepodia hacer eso con css, muy bueno el post, gracias por el aporte
RSS a los comentarios de Homero Simpson dibujado con sólo código CSS.
* Si te registras en Gravatar tendrás una imagen propia para tus comentarios.
Aeromental en Facebook:
2litros > raimundo illanes
Enlace al comentario