Animation tip?

[rhdpre07]

Hi,
Animation tip?
I need to make a landing page for this site.

I don't know how to make logo 1 expand and logo 2 contract....
With code?

Thanks in advance

[Acorn]

Which site?

Acorn

[rhdpre07]

many sorrys..

https://aunaarquitectos.com

[Acorn]

rhdpre07, I have had to guess as to what 'logo 1' & 'logo 2' will be.

You have no stated if the animations are when the page has loaded or the duration...

My guess is here: CSS- The Zoomies.xar

I have used Xara's ZoomIn animation for my logo-2.
logo-1 has no Xara animation applied but I have used the same ZoomIn animation with some CSS to reverse the direction and to stop hidden.

I set the timing to the slowest Xara can achieve, 5 seconds.

UPDATE: In my design file, I mislabelled the Headings for the descriptions - they should be reversed.
Only the non-Xara animation needs a Name, which is 'logo-1'. I included 'logo-2' as then you can experiment and apply Xara animations and the CSS animations together for interesting effects.

Acorn

[Initiostar]

In the example the OP gave: https://aunaarquitectos.com, the headline logo image fades out and a menu bar (and logo) fade in, as the visitor scrolls down the page; it reverses as the visitor scrolls back up the page.

@Acorn, out of curiosity I reworked an idea you demonstrated which uses a scroll offset (JQuery) JS- Fix Reveal Postion Scroll_MenuBar.xar - there might be a simpler way of achieving the same outcome though? maybe a triggered animation?

Where it appears to fail unfortunately, is where you try to export with Scale-to-fit-Width.

[Acorn]

In the example the OP gave: https://aunaarquitectos.com, the headline logo image fades out and a menu bar (and logo) fade in, as the visitor scrolls down the page; it reverses as the visitor scrolls back up the page.

@Acorn, out of curiosity I reworked an idea you demonstrated which uses a scroll offset (JQuery) JS- Fix Reveal Postion Scroll_MenuBar.xar - there might be a simpler way of achieving the same outcome though? maybe a triggered animation?

Where it appears to fail unfortunately, is where you try to export with Scale-to-fit-Width.

I ignored the site as it wasn't a Xara design and did not play as the OP asked.

What I am currently working on is the means to effectively toggle the Trigger object name function to fire when the object is off-page.
So far, lots of near misses.

Acorn