Skip to content

Instantly share code, notes, and snippets.

@jechav

jechav/Bootstrap Modal Efect

Created August 13, 2015 23:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jechav/d741c54ececed1d940d0 to your computer and use it in GitHub Desktop.
Save jechav/d741c54ececed1d940d0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Bootstrap Modal Efect
//Modal
.modal.fade .modal-dialog {
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
top: 300px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.modal.fade.in .modal-dialog {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0);
opacity: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment