How to Animate the text by scrolling?

Issues related to previewing and publishing your web site.
Post Reply
ordanax
Posts: 4
Joined: Fri Apr 28, 2017 11:48 am

How to Animate the text by scrolling?

Post by ordanax » Fri Apr 28, 2017 12:00 pm

Hi, I try animate text (not object or image) by scrolling. I need get animation then text will appear on monitor, but it started immediately!
Trigger hover & focus have not change.
How I can do animate by scrolling?

User avatar
Pablo
Site Admin
Posts: 2639
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: How to Animate the text by scrolling?

Post by Pablo » Fri Apr 28, 2017 1:49 pm

You can use bookmark events to trigger animations based on the current scrollbar position:
http://quickandeasywebbuilder.com/bookmark_events.html

ordanax
Posts: 4
Joined: Fri Apr 28, 2017 11:48 am

Re: How to Animate the text by scrolling?

Post by ordanax » Fri Apr 28, 2017 3:31 pm

Thank you very much!
Now works when I scrolling, but I do not see transform-bounse-in effect in events (as in the photo http://joxi.ru/a2X3ZXGT1VMLVm )

User avatar
Pablo
Site Admin
Posts: 2639
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: How to Animate the text by scrolling?

Post by Pablo » Fri Apr 28, 2017 5:32 pm

You cannot directly use CSS3 animations in events, only JavaSctipt animations.
You will need to use Styles (classes) to trigger CSS3 animations.

Related tutorial:
http://quickandeasywebbuilder.com/animation_events.html

ordanax
Posts: 4
Joined: Fri Apr 28, 2017 11:48 am

Re: How to Animate the text by scrolling?

Post by ordanax » Sun Apr 30, 2017 7:07 am

Ok, thanks.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest