LottieFiles

Sand Clock Loading
0:000:00

無料Sand Clock Loadingアニメーション

Here's a description for Lottie animation of a sand clock: Sand Clock Lottie Animation Description: Opening Scene (0-1s): Sand clock appears with a subtle fade-in or scale-up animation Gentle rotation or slight bounce effect on entry Main Animation Loop: Sand Flow (continuous): Individual sand particles falling from upper bulb to lower bulb Smooth, continuous stream through the narrow neck Particles should have slight randomness in their fall pattern for natural effect Speed: consistent and steady (not too fast) Sand Accumulation: Lower bulb gradually fills with sand forming a cone/pyramid shape Upper bulb sand level decreases proportionally Smooth transition showing sand pile growing Glass Reflection/Shine: Subtle light glints moving across the glass surface Gentle shimmer effect on the glass bulbs Highlight moving to suggest 3D depth Rotation/Flip Animation (when timer resets): 180-degree vertical flip rotation Smooth easing (ease-in-out) Duration: 0.8-1.2 seconds Sand settles after flip with slight bounce Background Elements: Soft shadow beneath the sand clock that moves with the object Optional: subtle floating particles or light rays in background Gentle pulsing glow around the clock (optional) Color Animation: Sand particles can have slight color variation for depth Glass can have transparency changes or subtle color shifts Base/frame can have metallic shine animation Timing Suggestions: Total loop: 5-10 seconds Sand flow: continuous Flip animation: triggered at end or on loop Smooth 60fps animation for fluid motion Micro-interactions: Slight wobble when sand hits bottom Particle splash effect when sand lands Gentle scale pulse to emphasize time passing This creates a mesmerizing, smooth animation perfect for loading screens, waiting states, or time-related UI elements!

Here's a description for Lottie animation of a sand clock: Sand Clock Lottie Animation Description: Opening Scene (0-1s): Sand clock appears with a subtle fade-in or scale-up animation Gentle rotation or slight bounce effect on entry Main Animation Loop: Sand Flow (continuous): Individual sand particles falling from upper bulb to lower bulb Smooth, continuous stream through the narrow neck Particles should have slight randomness in their fall pattern for natural effect Speed: consistent and steady (not too fast) Sand Accumulation: Lower bulb gradually fills with sand forming a cone/pyramid shape Upper bulb sand level decreases proportionally Smooth transition showing sand pile growing Glass Reflection/Shine: Subtle light glints moving across the glass surface Gentle shimmer effect on the glass bulbs Highlight moving to suggest 3D depth Rotation/Flip Animation (when timer resets): 180-degree vertical flip rotation Smooth easing (ease-in-out) Duration: 0.8-1.2 seconds Sand settles after flip with slight bounce Background Elements: Soft shadow beneath the sand clock that moves with the object Optional: subtle floating particles or light rays in background Gentle pulsing glow around the clock (optional) Color Animation: Sand particles can have slight color variation for depth Glass can have transparency changes or subtle color shifts Base/frame can have metallic shine animation Timing Suggestions: Total loop: 5-10 seconds Sand flow: continuous Flip animation: triggered at end or on loop Smooth 60fps animation for fluid motion Micro-interactions: Slight wobble when sand hits bottom Particle splash effect when sand lands Gentle scale pulse to emphasize time passing This creates a mesmerizing, smooth animation perfect for loading screens, waiting states, or time-related UI elements!

  • 最適化 dotLottie推奨
    15.3 KB

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

    Lottie JSON より 87% 小さい
  • dotLottie
    15.3 KB

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

  • 最適化 Lottie JSON
    110.9 KB

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

    Lottie JSON より 3% 小さい
  • Lottie JSON
    114.3 KB

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

Other export formats

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

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

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

アニメーションタグ