Homero, el CSS y un trabajo increible

El diseñador gráfico Román Cortés ha realizado un dibujo muy complejo usando sólo CSS.

Este Homero Simpson se crea con 307 líneas de código (14135 caracteres) y puede ser visualizado correctamente en casi todas las versiones de Internet Explorer, Opera, Firefox y Safari siempre que la fuente Verdana esté disponible.

¿Una pequeña muestra de ese código?

<div style="position: absolute; padding-left: 1.47em; 
padding-top: 5.4em;">
  <div style="font-size: 0.66em; color: #000;">C</div>
</div>
<div style="position: absolute; padding-left: 1.62em; 
padding-top: 5.53em;">
  <div style="font-size: 10px">
    <div style="width: 2.2em; height: 2.2em; 
background-color: #FED90E;"></div>
  </div>
</div>

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

(

-

Para quien quiera curiosear, su blog es muy interesante y el comic llamado El Progreso, también realizado íntegramente en DHTML es una buena muestra de las capacidades de estas técnicas.