CSSテクニック

CSSミニゲーム・2 〜CSSあみだくじ〜

イライラ棒に続くミニゲーム第2弾。今回はあみだくじを作ってみました。 画面が動いて遊びにくいでしょうから、遊ぶ際はこちらのサンプル(別窓)でどうぞ

  • い
  • ろ
  • は
  • 壱
  • 弐
  • 参

もちろんオールCSS制御です。あ、凶がでても責任はとれませんのであしからず。


ちょっとした解説

今回のソースは秘密ということにしておきます。気になる人は右クリックでソースを見るなり、CSSのアドレスをたどるなりして見てくださいませ。

ポイントは画像に振ったIDとアンカーです。これにoverflow:hidden;を組み合わせて・・・なわけです。


使いこなすための+α

おなじ仕掛けを利用すれば福笑いなんかもできるでしょう。


一覧へ戻る


Last Modified 2006-01-01 © きくちゃん 2004 - All Rights Reserved