Disable modal animation on angular ui boostrap modal

Question

I'm using Angular UI Bootstrap modal window that has a small animation when the modal window appears. The docs don't seem to have an option to disable this animation.

How can I disable that animation when modal opens?

Answer 1

Use this

.modal.fade {
  opacity: 1;
}

.modal.fade .modal-dialog, .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

See this link