スイッチ内の背景が変化するシンプルなトグルボタン

MATEREATE INFORMATION

タグ

ボタンをクリックすると、スイッチ内の背景の色が変化するトグルボタンの無料Web素材です。CSSのみで作成しているため、気軽に実装できます。クリックする度に背景の色も切り替わるため、ON/OFFの切り替わりが分かりやすいトグルボタン素材となっております。

素材の詳細

トグルボタンの通常時のデザイン
ボタンのデザイン

よくあるとてもシンプルなデザインとなっております。少しだけ影を入れ、立体感を出しています。

トグルボタンのクリック時のデザイン
クリック時のデザイン

グレー色だったスイッチ内の背景の色が変化します。カスタマイズで好きな色を設定しましょう。