From 2cf1851d9f9ea73a9c2e446db88f5c2179ea2f40 Mon Sep 17 00:00:00 2001 From: fat Date: Fri, 26 Jul 2013 22:09:31 -0700 Subject: use transforms to make the dialog smooooth --- dist/css/bootstrap.css | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index de08356f6..53e6c2b77 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -3344,14 +3344,20 @@ button.close { overflow-y: scroll; } -.modal.fade { - top: -25%; - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; -} - -.modal.fade.in { - top: 0; +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} + +.modal.fade.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .modal-dialog { -- cgit v1.2.3