document.getElementById("mylogo").addEventListener( 'webkitTransitionEnd', function( event )
{
document.getElementById("mylogotext").className = "mylogoText_visible_style";
});
document.getElementById("mylogo").addEventListener( 'transitionend', function( event )
{
document.getElementById("mylogotext").className = "mylogoText_visible_style";
});
.mylogoText_style
{
position:absolute;
left:-350px;
top:105px;
opacity:0;
z-index:1;
}
.mylogoText_visible_style{
position:absolute;
left:59px;
top:105px;
opacity:1;
z-index:1;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
}
Here the problem is when i try to for firefox transition is not happening. Can someone tell me what is the root cause or problem here.
transitionend
event seems to work fine in Firefox... see jsfiddle.net/r2Wat/2 Could you fill a jsfiddle too reproducing the issue?