在不使用ng-animate的情况下淡出angularjs

Question

我希望一旦复选框被检查，而不是立即淡出它。

我使用setimeout但不好，我尽量避免让jquery保持干净。是否可以在不使用ng-animate的情况下实现？

http://plnkr.co/edit/Sqo1JGCgda9ywR1OR6Me?p=preview

Answer 1

您可以使用css3

**将您的css代码更改为：**

.done-true {
  -webkit-animation: fadeOut 2s; /* Chrome, Safari, Opera */
  animation: fadeOut 2s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeOut
{
from {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
to {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;

}
}

/* Standard syntax */
@keyframes fadeOut
{
from {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
to {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
}