I'd like to know how to do this, seen on this website, where the text as you scroll down or "view" slides in.
https://www.makomla.org/about
It's a "wix" site but I know Xara can do this, just not sure how to do it.
Thanks...
Sue
I'd like to know how to do this, seen on this website, where the text as you scroll down or "view" slides in.
https://www.makomla.org/about
It's a "wix" site but I know Xara can do this, just not sure how to do it.
Thanks...
Sue
Web Animation > Reveal > Slide in from Left.
That help?
You can also add a Trigger object. This delays the animation until the trigger object is visible.
A trigger object can be anything and can be the same color as the background.
Name the object, in my example test-trigger, then designate this trigger object in the Web Animation dialog
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Sue, there is no such beast in Xara.
Xara uses an old CSS library animate.css, with its own modifications.
All the In/Out effects from top, bottom, left or right use a transform with a 100% value.
This, in the end, becomes a run-in from 1000px.
Back in the days, 1000px was a large website so it would always appear if it started at the edges.
What you are after is a more gentle run-in.
I have build an Animation effect just for you: the SueB FadeInUp animation.
Here is a demo file: CSS - SueB FadeInUp Animaion.xar
You add a Name of htmlclass="sueB" to a shape.
You ensure the code is in the website code Head.
You need not use the ClassName shadow; it was there so I added it for a separate test.
You can alter the entry speed and the displacement - the bits in red.
Acorn
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
sigh
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Nice effect, Acorn!
Yes, I think this is great. I did try it. It looks great on the computer version but the mobile, as you land right onto that spot, doesn't particularly look as good.
Thanks...any hints on making it better on the mobile? Maybe no slider?
Wow, that is lovely, Acorn! Wonder if I am that savvy to do it..sigh! Thank you so much for making this the way you did. Wonderful to learn and "seeing" it in action helps more than you know!l
Thanks!
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
On a cell screen you have a lot less real estate.
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
Bookmarks