Page 1 of 1
animation
Posted: Tue Aug 18, 2020 8:31 am
by justin b
1 . is it possible to attach more than one CSS3 animation to one object? I have tried but failed everytime. For example Animate fade in then Animate fade out in fluid time sequence. The fade in does not trigger on page load but the fade out does.
2. I am using an HTML5 player. Is it possible to get it to start or stop depending on its scroll position?
Thankyou
Re: animation
Posted: Tue Aug 18, 2020 9:01 am
by Pablo
1. Yes, that is possible. However, you will need to make sure the animations do not conflict with each other.
2. This may possible with onscrollreveal events.
http://wysiwygwebbuilder.com/bookmark_events.html
Re: animation
Posted: Tue Aug 18, 2020 10:40 am
by justin b
Thankyou Pablo
the problem is that when i instruct an object to fade out after i have asked it to fade in , it will not react.
First line / Animate Fade out 3600 3600
Second line / Animate fade in 0 - 3600
With the video player
onscrollhide M PAUSE
onsrollreveal M PLAY
Will not play even though i set the player to autostart. I tried the two HTML5 players so far.
Any suggestions to resolve this i will be grateful?
Thanks
Re: animation
Posted: Tue Aug 18, 2020 11:12 am
by Pablo
Most browsers have auto play for videos blocked.
https://developers.google.com/web/updat ... cy-changes
If you need further assistance then please share a demo project.
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134