Effects | WebInMotion

Download and Properties Guide is only possible in Desktop View

shelf name

Product Name

Sorry, we couldn't find any assets matching your search.
Try using the menu on the left.

Asset Name

download

variations

segments

breathe-in

css classes

.badge path {
	fill: #888888;
}
.badge-shadow path {
	fill: #888888;
}

INSTALLATION

Try the following code to LOOP

SCRIPT

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

LOTTIE INTERACTION

<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>

<script>
LottieInteractivity.create({
    player:'#lottie',
    container:'#container', //Replace with trigger ID
    mode:"chain",
    actions: [
        {
            state: 'none',
            frames: [0],
            transition: 'click',
        },
        {
            state: 'autoplay',
            frames: 'expand',
            transition: 'click',
        },
        {
            state: 'autoplay',
            frames: 'shrink',
            transition: 'click',
            jumpTo: 1,
        },
        
    ]
});
</script>

HTML

<!-- Replace 'src' with the actual path to your LottieFile JSON file. -->
<lottie-player id="lottie" src='/path.json' background='transparent' speed='1' loop></lottie-player>

shelf name

Your current balance is 0 credits

Purchase Credits

Thank you for your Purchase

Elevate Your Designs with Seamless Animations