JavaScript + CSS3 animations not working properly? -
i programming library called quickly.js. there conceal(milliseconds) , display() functions, have animations programmed through css. conceal function animation working correctly, display function animation not work correctly. not fade in. instead, abruptly appears. here jsfiddle demonstrating bug: https://jsfiddle.net/v6esmqtf/6/.
you didn't have display function set up.
element.prototype.conceal = function(ms) { ms = ms || 0; var thisstyle = this.style; thisstyle.opacity = 0; settimeout(function() { thisstyle.display = "none"; }, ms); }; element.prototype.display = function(ms) { ms = ms || 0; var thisstyle = this.style; thisstyle.display = ""; settimeout(function() { thisstyle.opacity = 1; }, ms); }; and then...
document.getelementbyid("conceal").onclick = function() { document.getelementbyid("get").conceal(800); }; document.getelementbyid("display").onclick = function() { document.getelementbyid("get").display(0); }; hope helps.
Comments
Post a Comment