Page 1 of 1

Rolling In Effect

Posted: Sat Oct 03, 2020 11:44 am
by ColinM
I'll be undertaking a major redesign of my website soon.

In the header I'll be having a circle with my logo inside that I want to roll in from the LHS. Ideally it will rotate as it rolls in to a defined position.

How do I achieve this please?

Re: Rolling In Effect

Posted: Sat Oct 03, 2020 12:07 pm
by Pablo

Re: Rolling In Effect

Posted: Sat Oct 03, 2020 11:20 pm
by ColinM
Thanks Pablo - I've looked at so many existing and new features and your templates - appreciate the narrow down. :D

Roll a Circle In from Left on Page Load?

Posted: Fri Dec 04, 2020 7:00 am
by ColinM
Hi Pablo,

I'm planning to revamp my website in the near future.

I want to "roll in" a large circle into the view port from the left and stop approx 1/3 the page width in.

Is that possible and if so tips on how to do that please?

Re: Roll a Circle In from Left on Page Load?

Posted: Fri Dec 04, 2020 7:14 am
by Pablo
You can use Motion Effects for this.
http://wysiwygwebbuilder.com/motion_effects.html

Re: Roll a Circle In from Left on Page Load?

Posted: Fri Dec 04, 2020 7:37 am
by ColinM
Pablo wrote: Fri Dec 04, 2020 7:14 am You can use Motion Effects for this.
http://wysiwygwebbuilder.com/motion_effects.html
Thanks Pablo - so object event wise, that would be an onscrollreveal via an animate (css3) Action and a transform-roll-in or Motion Effects - Animation (Roll-In) Duration (Slow) and Play (when object is visible)?

How do I get the object coming in from outside the view port (i.e. in from left of screen moving right) please?

Re: Roll a Circle In from Left on Page Load?

Posted: Fri Dec 04, 2020 7:48 am
by Pablo
With "motion effects' you do not need events. Just select the animation and time.

If you want more advanced animations then you can also use CSS animations or scroll transitions.

See also:
https://www.wysiwygwebbuilder.com/forum ... =5&t=90002

Re: Roll a Circle In from Left on Page Load?

Posted: Fri Dec 04, 2020 7:56 am
by ColinM
Pablo wrote: Fri Dec 04, 2020 7:48 am With "motion effects' you do not need events. Just select the animation and time.

If you want more advanced animations then you can also use CSS animations or scroll transitions.

See also:
https://www.wysiwygwebbuilder.com/forum ... =5&t=90002
Thanks again Pablo - looks like I've got a fir bit of research - apologies for the double post - I'd forgotten about that one - good pick up by you! :oops: :D - I'; merge the two threads when I get a chance. 8)

Re: Rolling In Effect

Posted: Fri Dec 04, 2020 8:49 am
by ColinM
Both threads now merged Pablo. 8)