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

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

お問い合わせページで使用頻度の多いチェックボックスボタンのデザインをアレンジしました。

ボタンをクリックすると、背景の色が変化します。

on、offの切り替わりが視覚的にわかりやすく伝えられるデザインとなっております。

MOTION

DEMO PAGE

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

のデモページとなります。

様々な動作をご確認の上ご使用ください。

CODING VIDEO

Coming Soon...

MATERIAL

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

チェックが入っていない時は、グレーの背景とデザインとなっております。

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

ボタンをクリックすると(チェックが入ると)丸が左へ移動し背景色が変化します。

もう一度クリックすると(チェックが外れると)元に戻ります。

DOWNLOAD

バージョン
1.0.0
公開日
2021年9月24日
ファイルサイズ
2 KB
ダウンロード数
8回