将淡出过渡添加到引导模式，不会回退到起点

Question

基本上，我想做一些非常简单的事情，但不知道如何，也没有找到解决方案。

我有一个模态，当我打开它时，它应该从左移动到中心。关闭它后，它应该向右移动。（默认情况下，它会向左移动。

如何为淡出添加额外的过渡？

我的少代码是这样的：

.modal {
  &.fade .modal-dialog {
    .translate(-25%, 0);
    .transition-transform(~"0.3s ease-out");
  }
  &.in .modal-dialog { .translate(0, 0) }
}

Answer 1

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
   opacity: 0.5;
}