Web animation on text

**gwpriester** · 12 August 2017, 12:31 PM

On the other hand I like that each of letsgofishing's example animates separately. It's more intriguing and fun in an unexpected way.

I don't see why you wouldn't just make this a bitmap though. If you want the text to be searchable, then name the button (filename=logo-design). Presumably your page will be named Logo Design and you will use the term Logo Design in your descriptive text.

**Egg Bramhill** · 12 August 2017, 12:45 PM

Agreed Boy. My example solves one issue, the mouse-over text acts as one separate animation, not two. You can only have a mouse-over trigger one thing at a time, so it can't be done if the text is to remain as text.

**Boy** · 12 August 2017, 12:57 PM

Originally Posted by Acorn

Try it

I did and the text and the rectangle move separately. Can you post your file?

**Boy** · 12 August 2017, 01:08 PM

Originally Posted by gwpriester

I don't see why you wouldn't just make this a bitmap though.

As was suggested in post #2 and accepted by the OP in post #4.

**Acorn** · 12 August 2017, 04:26 PM

Originally Posted by Boy

I did and the text and the rectangle move separately. Can you post your file?

Sure boy, I was busy earlier. here is a scratch area i was working on: Things xara can't do.web

Acorn

**Boy** · 12 August 2017, 07:50 PM

I'll be ....!

Okay, it works but I don't see you did anything different from what I or the others did. Funnily enough, when I move the button you made around on the page and republish, all button objects animate separately again! I don't quite get what's going on here....

**letsgofishing** · 13 August 2017, 07:53 AM

Originally Posted by Boy

I'll be ....!

Okay, it works but I don't see you did anything different from what I or the others did. Funnily enough, when I move the button you made around on the page and republish, all button objects animate separately again! I don't quite get what's going on here....

I found the same thing - if I open the file the lower logo design animates as one object - can't work out what's different to what I did.
If I then move that rectangle and text to a new position on the page, all the elements animate separately.
Things xara can't do 2.web

**letsgofishing** · 13 August 2017, 07:56 AM

Originally Posted by gwpriester

On the other hand I like that each of letsgofishing's example animates separately. It's more intriguing and fun in an unexpected way.

I don't see why you wouldn't just make this a bitmap though. If you want the text to be searchable, then name the button (filename=logo-design). Presumably your page will be named Logo Design and you will use the term Logo Design in your descriptive text.

Thanks for that - didn't think of naming the button...

**Acorn** · 13 August 2017, 10:30 AM

Originally Posted by letsgofishing

I found the same thing - if I open the file the lower logo design animates as one object - can't work out what's different to what I did.
If I then move that rectangle and text to a new position on the page, all the elements animate separately.
Things xara can't do 2.web

Well, you move the objects on MouseOff (MOf) layer but didn't check what was on MouseOver (MOv) layer.
What nails it properly is soft-grouping MOf & MOv objects.

I did mention it was a work in progress,
Acorn

**letsgofishing** · 14 August 2017, 07:45 AM

Originally Posted by Acorn

Well, you move the objects on MouseOff (MOf) layer but didn't check what was on MouseOver (MOv) layer.
What nails it properly is soft-grouping MOf & MOv objects.

I did mention it was a work in progress,
Acorn

Thanks Acorn!