mirror of
https://github.com/Neetpone/ponepaste.git
synced 2025-03-13 07:00:08 +01:00
1 line
9.4 KiB
CSS
1 line
9.4 KiB
CSS
|
.modal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:hidden}.modal .modal-background{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0}.modal.is-active{visibility:visible}.modal.is-active .modal-background{opacity:1}.modal.modal-full-screen .modal-background{background-color:#fff}.modal.modal-full-screen .modal-content{width:100%;height:100%;max-height:100vh;margin:0;background-color:#fff}.modal.modal-fx-fadeInScale .modal-content{-webkit-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal.modal-fx-fadeInScale.is-active .modal-content{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}.modal.modal-fx-slideRight .modal-content{-webkit-transform:translateX(20%);-o-transform:translateX(20%);transform:translateX(20%);opacity:0;-webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);-o-transition:all .3s cubic-bezier(.25,.5,.5,.9);transition:all .3s cubic-bezier(.25,.5,.5,.9)}.modal.modal-fx-slideRight.is-active .modal-content{-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}.modal.modal-fx-slideLeft .modal-content{-webkit-transform:translateX(-20%);-o-transform:translateX(-20%);transform:translateX(-20%);opacity:0;-webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);-o-transition:all .3s cubic-bezier(.25,.5,.5,.9);transition:all .3s cubic-bezier(.25,.5,.5,.9)}.modal.modal-fx-slideLeft.is-active .modal-content{-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}.modal.modal-fx-slideBottom .modal-content{-webkit-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal.modal-fx-slideBottom.is-active .modal-content{-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}.modal.modal-fx-slideTop .modal-content{-webkit-transform:translateY(-20%);-o-transform:translateY(-20%);transform:translateY(-20%);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal.modal-fx-slideTop.is-active .modal-content{-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}.modal.modal-fx-fall.modal{-webkit-perspective:1300px;perspective:1300px}.modal.modal-fx-fall .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(600px) rotateX(20deg);transform:translateZ(600px) rotateX(20deg);opacity:0}.modal.modal-fx-fall.is-active .modal-content{-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0);opacity:1}.modal.modal-fx-slideFall.modal{-webkit-perspective:1300px;perspective:1300px}.modal.modal-fx-slideFall .modal-content{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate(30%) translateZ(600px) rotate(10deg);transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}.modal.modal-fx-slideFall.is-active .modal-content{-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translate(0) translateZ(0) rotate(0);transform:translate(0) translateZ(0) rotate(0);opacity:1}.modal.modal-fx-newsPaper .modal-content{-webkit-transform:scale(0) rotate(720deg);-o-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0}.modal.modal-fx-newsPaper .modal-background,.modal.modal-fx-newsPaper .modal-content{-webkit-transition:all .7s;-o-transition:all .7s;transition:all .7s}.modal.modal-fx-newsPaper.is-active .modal-content{-webkit-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.modal.modal-fx-3dFlipVertical.modal{-webkit-perspective:1300px;perspective:1300px}.modal.modal-fx-3dFlipVertical .modal-content{-webkit-transform-style:preserve-3d;transform-style:pre
|