CSS FreeThrow – a game, noJS, only CSS and HTML – No.1026

CSS Programming Advent Calendar 2012 の12日目です。 自称CSSプログラマーのげこたんじゃない方、力技に定評のある1026です（今自分で考えました）。 最近はinputでほげほげ以外の方法も増えていますが、定評のあるあくまでinput:checkedに頼った力技でCSSフリースローゲームを作りました。環境によって読み込みが遅い・重い可能性があります。いつも通り、chromeでしか確認していません。 適当な解説 メーターとボタンの連動 CSSでこのメーターの位置はとれません。そこで、横は左・中・右の3種類、縦は上・中・下の3種類のinput（ここでは其れに対応するlabel）を重ねておき、メーターの動きに合わせて重ねたinputのz-indexが入れ替わり、メーターの位置に相当するinputが一番上にきて押すことが出来るという仕組みです。この「ボタンは重

[glat_design]

CSSプログラミングの説明誰のを読んでもにやにやするｗ /

[kojika17]

CSS FreeThrow – a game, noJS, only CSS and HTML – No.1026

[watilde]

inputは高速で動くとcheckedが入らない

[macky1207]

”動いているinputは非常に押しにくいです。”

[tihata]

すごーい!そして、むずーいww

[cosarin]

すげぇ