前端動畫效果開發時遇到如下問題 , 有解決辦法 , 但是并不明白其中原理問題如下 ;頁面存在 dom , 具有css屬性 opacity : 0 ;js在某一時段需要設置透明度變換的動畫會出現問題的操作方法是 :dom.style.cssText += ';-webkit-transition:opacity 500ms linear ; opacity:1;';這樣操作并不會按照過度執行動畫 , 解決辦法如下 :dom.style.cssText += ';-webkit-transition:opacity 500ms linear ;';setTimeout(()=>{ dom.style.opacity = '1' ;} , 50)這樣就能起到作用;個人理解為 transition設置后需要 '適應' 一下才能起作用 , 但是并不明白真正的原理 , 希望各位大大指點
js控制transition 失效問題
元芳怎么了
2019-02-11 12:12:59
