Page 1 of 1

Problem in Custom Animation Event

Posted: Thu Feb 17, 2022 3:05 pm
by rganguly
Sir,
There might be a problem with the custom animation events.
I place a layer and put a heading in it. I try to change this heading color on mouseenter event on the particular layer. But does not work because the animation is placed on the heading container div, not on the heading itself.
Below code generated by the browser

Code: Select all

<div id="wb_stat_heading" style="position: absolute; left: 101px; top: 13px; width: 104px; height: 42px; z-index: 69; animation-delay: 0ms; animation-duration: 500ms; animation-fill-mode: both; animation-name: Change_Text_Color_To_White;">
	<h1 id="stat_heading">Hello World</h1>
</div>
"Change_Text_Color_To_White" animation should be placed on the h1 element because I targeted this to "stat_heading" id. But it placed on "wb_stat_heading" id that's why my intended action is not going to show.
Please help...

Re: Problem in Custom Animation Event

Posted: Thu Feb 17, 2022 3:21 pm
by rganguly
Here is the project,https://we.tl/t-Tl9ecW1vSC

Re: Problem in Custom Animation Event

Posted: Thu Feb 17, 2022 3:27 pm
by Pablo
The animation will be applied to the container of the element.
This is behavior by design, because there is no way for the software to know what the exact HTML structure of the object is. Each object is different. Some are simple (like a heading) , some are very complex (menus, cards etc)

In this case, it may be better to use transitions instead.

Re: Problem in Custom Animation Event

Posted: Thu Feb 17, 2022 3:29 pm
by rganguly
Then how should I achieve this? Any other way?

Re: Problem in Custom Animation Event

Posted: Thu Feb 17, 2022 3:30 pm
by rganguly
Pablo wrote: Thu Feb 17, 2022 3:27 pm The animation will be applied to the container of the element.
This is behavior by design, because there is no way for the software to know what the exact HTML structure of the object is. Each object is different. Some are simple (liker a heading) , some are very complex (menus, card etc)

In this case, it may be better to use transitions instead.
How to do with transition? I mean hovering a layer will change a particular id's color, how to do that?

Re: Problem in Custom Animation Event

Posted: Thu Feb 17, 2022 3:37 pm
by Pablo
You cannot address specific ID's via transitions, but you can use a hover transition on the heading itself.

Re: Problem in Custom Animation Event

Posted: Thu Feb 17, 2022 3:38 pm
by rganguly
Sir,
Solved by coding manually. http://icecream.me/9d9ed778b64a6c3717f814309a52453b, but it will be difficult for others who does not have any idea about coding. Please guide me another WWB-tic way.

Re: Problem in Custom Animation Event

Posted: Thu Feb 17, 2022 3:40 pm
by Pablo
Sorry, there is no way to do this visually.
It's impossible to provide a standard solution for everything anyone can think of.
Even if I add hundreds of extra option then still there will be things that need to be done manually.

Re: Problem in Custom Animation Event

Posted: Thu Feb 17, 2022 3:43 pm
by rganguly
It is ok sir, it is great software anyway. Thanks...