Problem in Custom Animation Event

[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...

[rganguly]

Here is the project,https://we.tl/t-Tl9ecW1vSC

[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.

[rganguly]

Then how should I achieve this? Any other way?

[rganguly]

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?

[Pablo]

You cannot address specific ID's via transitions, but you can use a hover transition on the heading itself.

[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.

[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.

[rganguly]

It is ok sir, it is great software anyway. Thanks...