set origin point offset for animation slide

  • Resolved klicat

    (@klicat)


    1 year ago

    Hello, your plugin is really great!
    Really, thanks for that !

    I have a little question about the ability to set the slide animation origin :
    When I have, for example, several blocks, one above the other and I want to animate them with a small delay between them. I haven’t figured out how to make elements with a delay arrive from outside the page. And not that they wait a little further for their animation to begin.

    For example, 3 buttons above each other, placed in the middle of the page:
    button1: slide down, 0 ms delay
    button2: slide to the right, delay 100 ms
    button3: slide upwards, delay 200 ms.

    in desktop format, the first slides immediately upon loading, but the others are already displayed only a few hundred pixels from their final destination, where they wait for their animation to start in order to go to their intended location. So it’s not very “pretty”.
    Is there a way to specify the origin of the animation to be able, for example, to make them appear from outside the page?

    Thanks a lot for your help !

    • This topic was modified 1 year ago by klicat.
    • This topic was modified 1 year ago by klicat.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author websevendev

    (@websevendev)

    Is there a way to specify the origin of the animation to be able, for example, to make them appear from outside the page?

    You could wrap the animations with a container that has overflow hidden. Not sure how well that would work for you.

    Also, for example if you have a slide-up button it has this CSS for its’ initial positioning:

    html:not(.no-js) [data-aos=slide-up] {
	transform: translate3d(0,100%,0);
}

    You could override it to 1000% which would make it appear from further out but also make it faster I think.

    Thread Starter klicat

    (@klicat)

    OK, thank you for your answer !

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘set origin point offset for animation slide’ is closed to new replies.