Rolling In Effect

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Rolling In Effect

Post 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?
Yours truly
Colin M
Western Australia
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: Rolling In Effect

Post by ColinM »

Thanks Pablo - I've looked at so many existing and new features and your templates - appreciate the narrow down. :D
Yours truly
Colin M
Western Australia
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Roll a Circle In from Left on Page Load?

Post 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?
Yours truly
Colin M
Western Australia
User avatar
Pablo
 
Posts: 21583
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

You can use Motion Effects for this.
http://wysiwygwebbuilder.com/motion_effects.html
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

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

Post 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?
Yours truly
Colin M
Western Australia
User avatar
Pablo
 
Posts: 21583
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post 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
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

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

Post 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)
Yours truly
Colin M
Western Australia
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: Rolling In Effect

Post by ColinM »

Both threads now merged Pablo. 8)
Yours truly
Colin M
Western Australia
Post Reply