タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

CSS Programmingとcss programingに関するmacky1207のブックマーク (1)

  • 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が一番上にきて押すことが出来るという仕組みです。この「ボタンは重

    macky1207
    macky1207 2012/12/12
    ”動いているinputは非常に押しにくいです。”
  • 1