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 里。

另外我想吐槽一句，为什么这里面就这么多人喜欢把代码贴成图片的？难道在这里面格式化个代码有这么难么？要是问的问题里面代码再多一点点，难不成还想着别人把里面的代码一行一行再敲一遍啊