delay css ng-if

style.css

.slide-up{
  position:relative;
  --webkit-transition: 0.5s  ease-in-out all;
  -moz-transition: 0.5s ease-in-out all;
  -o-transition: 0.5s ease-in-out all;
  transition: 0.5s ease-in-out all;
}
.slide-up.ng-enter{
  --webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity:0;
  bottom:-100px;
}
.slide-up.ng-enter.ng-enter-active{
  opacity:1;
  bottom:0;
}
.slide-up.ng-leave{
  opacity:1;
  bottom:0;
}
.slide-up.ng-leave.ng-leave-active{
  opacity:0;
  bottom:-100px;
}