Play animation on hold (and pause when released)

With the 'cursor' mode and 'pauseHold' type the animation will play when the cursor is placed over the animation, and pause if the cursor leaves the animation.

<script>
LottieInteractivity.create({
    player:'#firstLottie',
    mode:"cursor",
    actions: [
        {
            type: "pauseHold"
        }
    ]
});
</script>

See the Pen <a href="https://codepen.io/Osbro/pen/QWaaOqR"> Lottie-Interactivity - pauseHold animation - zendesk [locked]</a> by Osbro (<a href="https://codepen.io/Osbro">@Osbro</a>) on <a href="https://codepen.io">CodePen</a>.

Comments

0 comments

Article is closed for comments.

Menu