javascript - CSS transition not working on Firefox -



javascript - CSS transition not working on Firefox -

i have div #im1 initial position left:-300px; when button .abtme_link clicked javascript changes it's position 443px; it's working on every other browser firefox; i've seen other posts on matter can't seem create work; 1 of thread concluded css transition doesn't work on firefox, if that's case; there workaround?

#im1{ width:400px; position:absolute; left:-300px; transition:all .9s ease .5s; -webkit-transition:all .9s ease .5s; -moz-transition:all .9s ease .5s; -o-transition:all .9s ease .5s; -ms-transition:all .9s ease .5s; } $('.abtme_link').click(function() { $('#im1').css('left','443px'); });

ok i've found solution,

i've added delay function in js , it's working fine. don't know why or how it's working.

settimeout(function(){ $('.im1').css('left','443px'); },10);

javascript jquery html css firefox

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -