UIBModal动画覆盖

时间:2016-08-01 17:56:21

标签: angular-ui-bootstrap

我正在尝试覆盖UIBModal的默认动画。但这不起作用。默认动画仅运行。

.modal.modal-slide-in-right .modal-dialog {
  opacity: 0;
  -webkit-transform: translate(20%, 0%);
  -ms-transform: translate(20%, 0%);
  -o-transform: translate(20%, 0%);
  transform: translate(20%, 0%);
  -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9) 1s;
  -o-transition: all .3s cubic-bezier(.25, .5, .5, .9) 1s;
  transition: all .3s cubic-bezier(.25, .5, .5, .9) 1s;
}

.modal.modal-slide-in-right.in .modal-dialog {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

http://plnkr.co/edit/YQ0eHIWrHlm90oW5oS4r?p=preview

1 个答案:

答案 0 :(得分:1)

您忘记将extra.css样式表插入index.html

<link rel="stylesheet" href="extra.css">

这是一个有效的plunk