Portrait d'Homer Simpson réalisé en CSS

Un fan de la série The Simpsons a réalisé un portrait d'Homer Simpson uniquement grâce à du code HTML et CSS.

Pourquoi faire une image ?
Au lieu de créer une image portrait d'Homer Simpson, est-ce que je ne peux pas réaliser ce portrait (image ci-contre) uniquement en HTML et CSS ? Voila la question qu'a du se poser Roman Cortés.

Plus de 80 caractères
Afin de réaliser la tête d'Homer, ce blogueur positionne des différents caractères de couleur noir, jaune, marron ou blanc. L'oreille est représentée par la lettre O en jaune. Les yeux et les pupilles par des puces •. Plus de 80 caractères et près de 400 lignes de codes HTML/CSS ont été nécessaires. Vous pouvez visualiser cette fausse image sur Roman Cortés >> Homer CSS. Sélectionnez le portrait d'Homer, vous verrez apparaitre des caractères O, /, (, etc.

Compatibles avec de nombreux navigateurs
Tous les concepteurs de sites Internet savent que le CSS n'est pas toujours interprété de la même manière sur les différents navigateurs. Cette fausse image est pourtant compatible avec Internet Explorer 5.5, 6 et 7, Opera 9, Firefox 2 et Safari 3.

Partagez cette actualité 
  • source : Roman Cortés

« Je vendrais mon âme pour un donut. »

Homer Simpson