CSS3を使ったお洒落なスイッチ型チェックボックスが作成できるジェネレーター ウェブページ内でよく使われるこんなチェックボックスのおしゃれなデザインとして最近目にすることのあるオン/オフの切り替えスイッチ型のUIデザイン。 こちらのサイトではGUIによって自由にカスタマイズしながら簡単にそんなデザインのUIエレメントをCSS3で作成できるジェネレーターです。 色やスタイル・大きさなどいろいろと試しながらカスタマイズしていくことができます。 スタイルはあらかじめ4つの異なるタイプが用意されています。 ラベルは日本語やUnicodeでも大丈夫なようです。 (載せるページの文字コードによってはどうか分りません) 作成したものはリアルタイムで下にCSSとHTMLのコードが出力されるので、適宜コピーして目的のページに貼り付けるだけです。 実際に作って貼り付けたものがこちら。
![CSS3を使ったお洒落なスイッチ型チェックボックスが作成できるジェネレーター](https://cdn-ak-scissors.b.st-hatena.com/image/square/b735ea51fcb5cf03e898732b1a059fb1bd5f553e/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimages%2F2012%2F07%2F27%2F07.png)