css3translate3d做从下往上显示

2025-05-22 04:33:22

推荐回答（2个）

回答1：

.modal {

position: fixed;

top: 0;

overflow: hidden;

width: 100%;

min-height: 100%;

-webkit-transition: -webkit-transform .25s,opacity 1ms .25s;

transition: transform .25s,opacity 1ms .25s;

-webkit-transition-timing-function: cubic-bezier(.1,.5,.1,1);

transition-timing-function: cubic-bezier(.1,.5,.1,1);

-webkit-transform: translate3d(0,100%,0);

transform: translate3d(0,100%,0);

opacity: 0;

background-color: #fff;

}

.modal.active {

height: 100%;

-webkit-transition: -webkit-transform .25s;

transition: transform .25s;

-webkit-transition-timing-function: cubic-bezier(.1,.5,.1,1);

transition-timing-function: cubic-bezier(.1,.5,.1,1);

-webkit-transform: translate3d(0,0,0);

transform: translate3d(0,0,0);

opacity: 1;

}

回答2：

what？你说做啥子？