Warning: Trying to access array offset on false in /home/users/0/mantid2/web/mantiddesign/wp-content/themes/mStyle8/single.php on line 8
[CSS] CSS Toggle Switch – フォームのチェックボックスやラジオボタンを、トグルスイッチ風にする手法 | mBlog

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

Browse By

[CSS] CSS Toggle Switch – フォームのチェックボックスやラジオボタンを、トグルスイッチ風にする手法

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

フォームのチェックボックスやラジオボタンの見た目を、iOSっぽいトグルスイッチにする手法について詳しく説明された記事。まず最初にオリジナルの見た目で紹介されており、記事下部でiOS、Androidそれぞれの見た目の作例を紹介してます。またスタンドアローン型に加え、Twitter Bootstrap用のソースコードも用意されてます(見た目がソレっぽくなる)。フォーム装飾の際に使えそうです。

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

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