問題描述

css

我在css中定義了上面這樣的動畫，想通過添加/刪除.checked類來控制img元素淡入淡出。

html

這個(gè).checked是用angularjs的ng-class來添加和刪除的，也就是上面紅色框里的hideCheck變量為true，則添加這個(gè)類，為false，則刪除這個(gè)類。

javascript

然后如上圖，我在js代碼中賦值hideCheck為false，然后再賦值為true，沒有發(fā)生任何動畫效果，請問應(yīng)該怎樣才能使動畫出現(xiàn)？

問題解答

把 transition 寫到 checked 里。

另外我想吐槽一句，為什么這里面就這么多人喜歡把代碼貼成圖片的？難道在這里面格式化個(gè)代碼有這么難么？要是問的問題里面代碼再多一點(diǎn)點(diǎn)，難不成還想著別人把里面的代碼一行一行再敲一遍啊