Close Three Bar
segments
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container: '#container', //Replace with the trigger ID mode:"cursor", actions: [ { type: "toggle" } ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6436c57ea9abfe262fbfb19b_Menu-MenuClose-ThreeBar.json' //Replace with your path ></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Close Three Bar
Close Three Bar Hover
segments
menuToClose, closeToMenu
Download
Try the following code to
Chain (Hover + Click)
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container: '#container', //Replace with the trigger ID mode:"chain", actions: [ { state: 'hover', transition: 'click', frames: 'hover' }, { state: 'autoplay', transition: 'click', frames: 'menuToClose' }, { state: 'autoplay', transition: 'onComplete', frames: 'closeToMenu', reset: true } ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6436c25f42ce696a78781714_Menu-MenuClose-ThreeBar-withHover.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Close Three Bar Hover
Close Two Bar
segments
Download
Try the following code to
Toggle
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container: '#container', //Replace with the trigger ID mode:"cursor", actions: [ { type: "toggle" } ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6436c57e2472389e7b3cb894_Menu-MenuClose-TwoBar.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Close Two Bar
Close Two Bar Hover
segments
clickToClose, closeToMenu
Download
Try the following code to
Chain (Hover + Click)
the above animation.
LOTTIE Installation
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
Any questions or suggestions? Go to our Forum
Lottie Interactivity
<script> LottieInteractivity.create({ player:'#lottie', container: '#container', //Replace with the trigger ID mode:"chain", actions: [ { state: 'hover', transition: 'click', frames: 'hover' }, { state: 'autoplay', transition: 'click', frames: 'clickToClose' }, { state: 'autoplay', transition: 'onComplete', frames: 'closeToMenu', reset: true } ] }); </script>
LOTTIE PLAYER
<!-- Replace 'src' with the actual path to your LottieFile JSON file. --> <lottie-player id='lottie' src='https://uploads-ssl.webflow.com/640b744a4481e478bef7d541/6436c3f94c43d63518557907_Menu-MenuClose-TwoBar-withHover.json'></lottie-player>
Be Premium
Unlock 300+ assets, full access to app, and upgrades forever.
Price may increase as library grows.
Request Access - $59
Close Two Bar Hover
Hi there 👋

My name is Luci Yamaji and I made the WebInMotion Website.

My goal with this project was to simplify the basic implementation of animations, into websites. I hope you like the assets and start adding more motion into your project right away.
If you need any help or suggestions, don't hesitate to contact me.
Thank you! I will be in contact with you soon.
Oops! Something went wrong while submitting the form.
Follow me