CSS Art

Homer CSS

上のページには，一見なんの変哲も無いホーマー・シンプソンのイラストがある。ただ，イラストの上にマウスカーソルを置いてもＩビームのままなのが，ちょっと変なところ。

実はこれ，画像じゃなくてテキストなんだ。中身はこんな感じになっている。

...
<div style="position: absolute; padding-left: 4.62em; padding-top: 5.42em;">
<div style="font-size: 1.01em;">)</div>
</div>
<div style="position: absolute; padding-left: 4.78em; padding-top: 5.72em;">
<div style="font-size: 0.72em;">)</div>
</div>
<div style="position: absolute; padding-left: 4.53em; padding-top: 5.65em;">
<div style="font-size: 0.94em;">b</div>
</div>
...

作者は同じ要領でジョージ･ブッシュ大統領の似顔絵なんかも作っている。

Bush CSS

なんでも，これらの「テキストアート」の製作は手作業で作ったそうで……。ああ，そのスキルを活かす場面が他にも存在することを，祈るしかないね。

(via Ned Batchelder)