LottieFiles
編集
Toggle Switch (On and Off)
0:000:00
ステートマシン
  • 最適化 dotLottie推奨

    テーマ、ステートマシン、インタラクティブ機能に対応した、最小ファイルサイズ。

    Lottie JSON より 90% 小さい
    5.2 KB
  • dotLottie

    テーマ設定とステートマシンに対応した、圧縮された Lottie アニメーション。

    6 KB
  • 最適化 Lottie JSON

    標準の Lottie に対応した、より高速に読み込める最適化済み JSON 形式。

    Lottie JSON より 21% 小さい
    41.6 KB
  • Lottie JSON

    幅広いツールやプラットフォームと互換性のある標準 Lottie アニメーション形式。

    52.8 KB
  • アニメーション SVG新規

    メッセージやソーシャル投稿に簡単に共有できるアニメーション形式。

  • GIF

    手早い共有や簡易プレビューに最適な、シンプルなループ動画。

    7.1 MB
  • MP4

    プレゼンテーション、ソーシャルメディア、マーケティングコンテンツ向けの高品質動画形式。

    205 KB
  • WebM

    高速読み込みと小さいファイルサイズに最適化された、最新のウェブ動画形式。

  • MOV

    編集や合成に適した、透過対応の高品質動画形式。

インタラクションとプラグイン

すべて表示
figma
after-effects
framer
canva
webflow
wix

Lottieシンプルライセンスの下で無料で使用可能

無料Toggle Switch (On and Off)アニメーション

A two-state toggle click plays a transition from off to on, and clicking again reverses it. A simple state machine manages the flow, with motion tokens ensuring smooth timing, easing, and feedback.

A two-state toggle click plays a transition from off to on, and clicking again reverses it. A simple state machine manages the flow, with motion tokens ensuring smooth timing, easing, and feedback.

Dark Mode Button
オリジナル:Dark Mode Button
作成者:Mohammad Turk

アニメーションタグ

#lottiefilesfigma#loop lottiecreatorcertification