.box { background-color: green}
.ngShowAnimation {
    color:white;
    transition: all linear 0.5s;
}

    .ngShowAnimation.ng-hide {
        opacity: 0;
    }
/* ngIf animation */
.ngIfAnimation.ng-enter,
.ngIfAnimation.ng-leave {
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}

    .ngIfAnimation.ng-enter,
    .ngIfAnimation.ng-leave.ng-leave-active {
        opacity: 0;
    }

        .ngIfAnimation.ng-leave,
        .ngIfAnimation.ng-enter.ng-enter-active {
            opacity: 1;
        }