Full Screen Lottie Transition

Design help Custom code
3

Hey, guys!

Try to use this snippet:

<script>
​
setTimeout(function(){
    let animWrap = document.getElementById('lottie');
    let anim = animWrap.getElementsByTagName('svg');
    anim[0].setAttribute("preserveAspectRatio", "none");
    anim[0].style.width = "100vw";
    anim[0].style.height = "100vh";
​
}, 500);
​
</script>

Of course, don’t forget to change lottie to your element’s ID

Hope it will help

4 Likes