css3 - 用angularjs給元素添加和刪除樣式類時，css規定的transition動畫未出現

問題描述

css

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

html

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

javascript

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

問題解答

把 transition 寫到 checked 里。

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