CSS Flip Switch ジェネレーター
この CSS Flip Switch ジェネレーターでは、純粋な CSS でアニメーション付きの toggle switch を作成できます。track、thumb、テキストラベル、色、枠線、トランジション、プリセットを調整し、オン/オフ状態を即時プレビューして生成された HTML と CSS をコピーできます。
カスタマイズ
Animation
ms
Track Configuration
px
px
px
px
Thumb Configuration
px
px
%
px
Labels
px
px
プレビュー
{{ isChecked ? labelActive : labelInactive }}