ng-show/ng-hide Animation

Element being Shown .ng-hide-remove applied

.ng-hide-remove{
    transition: background 1s;
    background: green;
}

.ng-hide-remove-active{
    background: yellow;
}

Element being hidden .ng-hide-remove applied

.ng-hide-add{
    transition: background 1s;
    background: yellow;
}

.ng-hide-add-active{
    background: green;
}