Need help with rollover

Hi Friends,

I have been trying to make my own rollover effect and still unsuccessful at attempting it. Please see attached link/video.
If anyone can help that would be awesome, a xara file would be appreciated. I used the latest version.

https://nimb.ws/UA3YVM

Have you taken a look at the Help file? Go to 'Layers, Mouseover (Rollover) & Pop-ups.' It gives pretty clear directions.

Yes but the only place I have problem is the text scrolling in.

For the Layer Settings > Effect select Fade in Down. You can experiment with timing and other effects.

You can do this with a click link or using Web Animation, with a mouse over trigger.

Thank you, this is where I was not looking. You know why do we have the (web animation) menu and then this whole thing (Pop up setting) is all by itself in another part?

Have a look at the attached.

Quote:

---

Thank you, this is where I was not looking. You know why do we have the (web animation) menu and then this whole thing (Pop up setting) is all by itself in another part?

---

Excellent question.

Great help Gary. Thanks once again.

The only thing that is bothering me and I do not want is the yellow text showing up on the white background as it scrolls in. Is there a way to eliminate that? Here is how far I got, I do not want to see the text scroll in from above, want it to start just where the box is and then scroll downwards.

If the text is the same color as the background, then you would not see it. That's about the best I can think of. Or maybe a window of some sort to act as a mask. Play around with it.

Quote:

---

Originally Posted by behzad

The only thing that is bothering me and I do not want is the yellow text showing up on the white background as it scrolls in. Is there a way to eliminate that? Here is how far I got, I do not want to see the text scroll in from above, want it to start just where the box is and then scroll downwards.

---

The closest Xara-implemented effect that does this would be 'Stretch down' and a fairly quick transition time.

Acorn

Acron I hate that bounce at the end of it.

OK, you've twisted my arm.

Move everything in the popup Layer into the MouseOver layer.
In Web Animation > Mouse-over > Document default settings > Mouse-over effect: Slide from top and fade; Speed: Fast.

Acorn

I'm moving this to Dear Xara as a feature request. A simple scroll from Top (or side or bottom) that starts at the designated side of the object and that DOES NOT BOUNCE (which is so corny).

Quote:

---

Originally Posted by gwpriester

I'm moving this to Dear Xara as a feature request. A simple scroll from Top (or side or bottom) that starts at the designated side of the object and that DOES NOT BOUNCE (which is so corny).

---

Xara uses the animate.css (new link is https://daneden.github.io/animate.css/), where the Stretch Down effect, named by Xara, seems to be the pullDown class. Its animation has a keyframes sequence which has a y-scaling for 40% from small to just oversize and over the remaining time oscillates slightly 5 times to the final 100%.

You could replace all this with a Placeholder object with HTML code (body):

Code:

---

<style>@keyframes pullDown {
        0% {
                transform: scaleY(0.1);
        }
        100% {
                transform: scaleY(1);
        }

@-webkit-keyframes pullDown {
        0% {
                transform: scaleY(0.1);
        }
        100% {
                transform: scaleY(1);
        }

}
</style>

---

The better request to ask Xara is for it to incorporate the 76 effects Daniel Eden currently has developed: version 3.7.0, copyright 2018 vs. Xara's instantiation of 2015.

Acorn

Thanks Gary and Acorn.