Angular ng-hide fade in/out animation

gistfile1.css

.fadable {
    transition: 0s linear all;
}
.fadable.ng-hide-remove {
    opacity: 0;
    display: block !important;
    transition: 0.5s linear all;
}
.fadable.ng-hide-remove.ng-hide-remove-active {
    opacity: .5;
}
.fadable.ng-hide-add {
    opacity: .5;
    display: block !important;
    transition: 0.5s linear all;
}
.fadable.ng-hide-add.ng-hide-add-active {
    opacity: 0;
}