LottieFiles
Interactive Fintech App Payment Card Blocking & Unblocking
0:000:00
ステートマシン

無料Interactive Fintech App Payment Card Blocking & Unblockingアニメーション

An interactive animation that demonstrates how users can block and unblock their payment cards instantly within a fintech app. The animation starts with a red toggle that blocks the card — when the card is inserted into a POS, the transaction is declined. Switching the toggle to green unblocks the card — the POS reloads and approves the payment with a green checkmark. This simple yet powerful interaction highlights how motion design can visually communicate security, control, and trust in digital banking experiences.

An interactive animation that demonstrates how users can block and unblock their payment cards instantly within a fintech app. The animation starts with a red toggle that blocks the card — when the card is inserted into a POS, the transaction is declined. Switching the toggle to green unblocks the card — the POS reloads and approves the payment with a green checkmark. This simple yet powerful interaction highlights how motion design can visually communicate security, control, and trust in digital banking experiences.

  • 最適化 dotLottie推奨
    25.4 KB

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

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

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

  • 最適化 Lottie JSON
    203.2 KB

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

    Lottie JSON より 22% 小さい
  • Lottie JSON
    262.1 KB

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

Other export formats

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

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

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