css3 - 用angularjs给元素添加和删除样式类时，css规定的transition动画未出现

Question

css

我在css中定义了上面这样的动画，想通过添加/删除.checked类来控制img元素淡入淡出。

html

这个.checked是用angularjs的ng-class来添加和删除的，也就是上面红色框里的hideCheck变量为true，则添加这个类，为false，则删除这个类。

javascript

然后如上图，我在js代码中赋值hideCheck为false，然后再赋值为true，没有发生任何动画效果，请问应该怎样才能使动画出现？

Answer 1

把 transition 寫到 checked 裏。

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