To progress the animation as you move the cursor either on the Lottie or on a given container, you may use the "cursor" mode. This will make the Lottie interactivity based on the cursors movement. Move your cursor on the animation below.
<script> LottieInteractivity.create({ player: "#firstLottie", mode:"cursor", actions: [ { position: { x: [0, 1], y: [0, 1] }, type: "seek", frames: [0, 280] } ] }); </script>
Comments
0 comments
Please sign in to leave a comment.