HTML+CSS のプログラムで作った隠し絵を見てみました。作り方は簡単なのでやってみたら？

htmlのプログラムで作る 「 隠し絵 」 なるものを見れるサイトを紹介してみたいと思います。

ちなみにこの 「 隠し絵 」 ですが、インターネットユーザーの8割の方がお使いの Internet Explorer ではみる事が出来ません。見ることが出来るのはFirefoxとSafariだけです。

見てみたい方は、先に Firefox をインストールしましょう。
↓↓↓↓↓↓↓
http://www.mozilla-japan.org/products/firefox/


という訳で本題の 「 隠し絵トリックページ 」 ですが、まずは下のリンクのページに Firefox などのブラウザで移動して下さい。
↓↓↓↓↓↓↓
http://med-legend.com/picture_library/magic.html


このような英語が理解できない人にはチンプンカンプンな英文がずらりと並んでいるだけ・・・。



で、この英文を左クリックでドラックしてみると・・・・・・・・・・・・・。
なんと絵が出現します。ここではモザイクをかけてますが見たい人は試してみて下さい。
まぁ、絵自体はなんてことない絵なんですけどね。




ところでこの 「 隠し絵 」 はいったいどうやって作っているのでしょうか？

作り方は、HTML+CSSをこちらのページで→ ココ でつくり、最初のテキストエリアに適当な英文を入力します。その後、色数と幅を選択し、最後に画像のURIを入力してgenerateボタンを押せばおしまい。