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