css3translate3d做从下往上显示
答案:2 悬赏:40 手机版
解决时间 2021-11-13 11:49
- 提问者网友：轻浮
- 2021-11-12 17:13
css3translate3d做从下往上显示
最佳答案
- 五星知识达人网友：迟山
- 2021-11-12 18:44
what？你说做啥子？
全部回答
- 1楼网友：轻雾山林
- 2021-11-12 19:43
.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;
}
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯