Animation Run on Display

Hello Shuhib,

Thanks for contacting us!

Please go through this documentation and try animating it, I think it will help.
https://nicepage.com/doc/98657/animation-run-on-display

If you encounter any difficulties, please write to us.
We will be happy to help you.

...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Shuhib,

The main idea is from this template
https://nicepage.com/ht/27464/big-ideas-and-exceptional-execution-html-template

...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Dear Nicepage team.
Thanks for ur reply, I expressed myself incorrectly.
My question is how do we get the Multi-step-Animation with Enter and Leave done without scrolling or tapping the screen?
It works automatically by time, not by interactivity… do y’all have an example for that? Speed.Codes Admin [9:24]
y'all can see it into the gif, the whole animation works immediately by time,

Step 1 the guy appears
Step 2 the guy left
Step 3 the female appears
Step 4 The female left

all of these animation sequence works without any interactivity, just by time stamp

Shuhib,

You can do this type of animation in a Full-Width Block Slider. Converting the basic block, and editing the duplicate slide for a girl for your needs. There is no multistep for the on display state type yet, unfortunately.

...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 20 February 2024 by Support Team

Shuhib,

We started to prepare an example for you and got a bug and forwarded it to the dev; we will return it to you ASAP when the bug is fixed. You can try it yourseft, creating a sliding animation for Elements in a full-width block slider, using the fade effect to change the slides, then duplicate your 1st slide and modify the duplicate.
...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Alan, you are a genius!

this is a great solution multi step animation by display state.... many many thanks for this, i hope the bug will be fixed :)

Dear Alan,
Do you think it is possible to give an arbitrary element (Run on Display) & (Sync with Scroll) so that both can be selected?
Unfortunately I don't have a comparison that I can show but maybe you know what I mean xD

kind regards
Shuhib S.

Shuhib,

The main difference is that the Sync With Scroll triggered exactly corresponding to the move and position of the scroll in a browser, played by portions associated with the scroll distance.. when Run on Display, it just runs on the page loading or on the scroll point when the animation start and played completely.

They cannot be triggered at the same time, one or another.

...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmati.on=1
Follow us on Facebook: http://facebook.com/nicepageapp.

Last edited 21 February 2024 by Support Team