Problem in Custom Animation Event
Posted: Thu Feb 17, 2022 3:05 pm
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
"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...
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>
Please help...