タグ

sampleに関するa20130517のブックマーク (2)

  • ついつい押したくなる、CSS3を使ったラジオボタンのデザイン

    フォームってあまり使うこともないのですが、CSS3を使ってデザインするとなかなか面白かったので、今回はラジオボタンを使ったサンプルを紹介します。 ではサンプル1からコードを紹介していきます。 サンプル1 二択のラジオボックスです。「はい」を押したときと、「いいえ」を押したときの色を変えています。 HTML では、HTMLから。 <div class="sample"> <input type="radio" name="s2" id="on" value="1" checked=""> <label for="on" class="switch-on">はい</label> <input type="radio" name="s2" id="off" value="0"> <label for="off" class="switch-off">いいえ</label> </div> 特に問題

    ついつい押したくなる、CSS3を使ったラジオボタンのデザイン
  • semooh plugin sample site

    Index of Semooh jQuery Sample Site 画像 1.画像を切り替える(フェード) 2.画像を切り替える(フェード2) 3.画像を切り替える(サイズ、フェード) 4.画像を切り替える(スライド) 5.画像を切り替える(奥行き) 6.画像を切り替える(サイコロ) 7.画像を切り替える(シャッター) 8.画像を切り替える(カルーセル) 9.画像を切り替える(色々) 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文

  • 1