Rolling In Effect

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
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: 964
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

Rolling In Effect

Post by ColinM » Sat Oct 03, 2020 11:44 am

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
My Website


User avatar
ColinM
 
 
Posts: 964
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

Re: Rolling In Effect

Post by ColinM » Sat Oct 03, 2020 11:20 pm

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
My Website

User avatar
ColinM
 
 
Posts: 964
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

Roll a Circle In from Left on Page Load?

Post by ColinM » Fri Dec 04, 2020 7:00 am

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
My Website

User avatar
Pablo
 
Posts: 23015
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Fri Dec 04, 2020 7:14 am

You can use Motion Effects for this.
http://wysiwygwebbuilder.com/motion_effects.html

User avatar
ColinM
 
 
Posts: 964
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

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

Post by ColinM » Fri Dec 04, 2020 7:37 am

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
My Website

User avatar
Pablo
 
Posts: 23015
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » 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

User avatar
ColinM
 
 
Posts: 964
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

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

Post by ColinM » Fri Dec 04, 2020 7:56 am

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
My Website

User avatar
ColinM
 
 
Posts: 964
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

Re: Rolling In Effect

Post by ColinM » Fri Dec 04, 2020 8:49 am

Both threads now merged Pablo. 8)
Yours truly
Colin M
Western Australia
My Website

Post Reply