在不使用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; 
} 
}