Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS3] umbrUI CSS3 checkbox – CSS3を使って画像もJSもなしに表現したチェックボックス

  • Pocket
  • このエントリーをはてなブックマークに追加

画像もJSも使わずに描画された、凝ったデザインのチェックボックス。クリックするごとにオンとオフが切り替わる仕組み。パっと見どう見ても画像なのに使ってないって事は、Canvasで描いてるんでしょうか。ただし現状SafariやChromeなどのWebkit環境では正確にレンダーされるものの、FirefoxやOpera、IEなどでは表示できないそうです。アイコンデータがないためでしょうか。デザイン的にも汎用性という意味でもなかなかアツい手法なので、今後に期待。スイッチというメタファーも秀逸です

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください