Alden

無料のGoofy Morphing Facesアニメーション

I currently use this animation to switch from one face to the next on hover. If you would also like to have the same functionality use this code with Lottie interactivity. LottieInteractivity.create( { player: '#faces', mode:"chain", actions: [ { state: 'autoplay', frames: [1,104], transition: 'onComplete', delay: [970], jumpTo: [2] }, { state: 'autoplay', frames: [2,104], transition: 'onComplete', }, { state: 'loop', frames: [105,239], transition: "hover", }, { state: 'autoplay', frames: [240,358], transition: 'onComplete', }, { state: 'loop', frames: [359,557], transition: "hover", }, { state: 'autoplay', frames: [558,737], transition: 'onComplete', }, { state: 'loop', frames: [738,901], transition: "hover", }, { state: 'autoplay', frames: [902,961], transition: 'onComplete', }, { state: 'autoplay', frames: [0,1], transition: 'onComplete', jumpTo: [1] } ], });

2年前

評価する

Generate an asset link for this animation on our CDN and use it across websites, apps, social media and more

Generate an embeddable HTML code to ship this animation easily on supported platforms

You can always edit the live animation whenever you need to

統合とプラグイン

すべて見る

ショートカット:

esc

近い

space

再生/一時停止

A

評価する

F

全画面表示(またはダブルクリック)