1 回答

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超6個(gè)贊
你的問題是類型!
您正在將不透明度的字符串值與數(shù)字進(jìn)行比較,并嘗試連接這些值:
"0.1" + 0.1== 0.10.1- 這會(huì)打破你的間隔
您需要將讀取不透明度值的值轉(zhuǎn)換為浮點(diǎn)數(shù)以更新它
const styles = window.getComputedStyle(quote_form);
const opacity = parseFloat(styles.opacity);
// returns 0.1 not "0.1"
功能演示:http : //jsfiddle.net/shannonhochkins/agq81svz/7/
對(duì)于簡(jiǎn)單的淡入淡出,我將使用平面 css 過渡/關(guān)鍵幀和 javascript 作為觸發(fā)器,但這應(yīng)該對(duì)您有所幫助
更新:
非常簡(jiǎn)單的動(dòng)畫,只有 css 和一個(gè)觸發(fā)器,當(dāng)我們想要它動(dòng)畫時(shí)添加類:
http://jsfiddle.net/shannonhochkins/agq81svz/21/
添加回答
舉報(bào)