CSSミニゲーム・2 〜CSSあみだくじ〜
イライラ棒に続くミニゲーム第2弾。今回はあみだくじを作ってみました。 画面が動いて遊びにくいでしょうから、遊ぶ際はこちらのサンプル(別窓)でどうぞ
もちろんオールCSS制御です。あ、凶がでても責任はとれませんのであしからず。
ちょっとした解説
今回のソースは秘密ということにしておきます。気になる人は右クリックでソースを見るなり、CSSのアドレスをたどるなりして見てくださいませ。
ポイントは画像に振ったIDとアンカーです。これにoverflow:hidden;を組み合わせて・・・なわけです。
使いこなすための+α
おなじ仕掛けを利用すれば福笑いなんかもできるでしょう。