LIVE SITE

The work - Loading Text

Loading Animation, All interactions

import wixAnimations from 'wix-animations';


const glideTimeline = wixAnimations.timeline();



$w.onReady(function () {


    // THE WORK text animation

    const shape = $w('#theWorkText');

    const shape2 = $w('#iiText');

    const textBox = $w('#box2');


  

    // THE WORK text animation

    glideTimeline


        .add(shape2, { 'y': -200, 'duration': 400, easing: 'easeInOutSine' })

        .add(shape, { 'y': -200, 'duration': 450, easing: 'easeInOutSine' })


    textBox.onViewportEnter(() => {


        glideTimeline.play();


    });


});

Explore more Hover interactions 

Appearing Hot Dog

Jonathan Tsodikovitch

Shop Now

Appearing Hot Dog

Jonathan Tsodikovitch

Shop Now

Add a Title

Add a Title

Tags

Sites on X | © 2021 made with ❤️ on Editor X.