删除类时如何反转此动画

Question

在添加.fade时，我的淡入功能正在工作，但是如何在删除课程时让它淡出？请注意，我最初需要它包含display：none。

.modal-backdrop {
    display: none;
    opacity: 0;
    &.in {
      animation: modalBackdropFadeIn 1s ease-out;
      display: block;
    }
  }


@-webkit-keyframes modalBackdropFadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: @xui-modal-backdrop-opacity;
  }
}