0
点赞
收藏
分享

微信扫一扫

html css 制作出翻页的时候慢慢的出来,或者放大缩小

_鱼与渔_ 2023-02-15 阅读 99



改变之前:

.active .bg:

padding-top: 30px;
background: blue;
position: absolute;
opacity: 0;
-webkit-transform: scale(0.5, 0.5);
transform: scale(0, 0);
transition: all 3s;
transition-delay: 0s;

opacity 0 为透明度,在页面出来之前为完全透明的。

transform scale 是比例缩放, 之前的比例是0。

transform :all 1s    表示出现的时间,过程中产生的时间, 为1秒

transition-delay:0s   当页面到达这个css 的时间,几秒钟之后发生这样的事件

改变之后:

.bg:


background: red;
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition-delay: 6s;



transition-delay:0s   当页面到达这个css 的时间,6秒钟之后发生这样的事件



举报

相关推荐

0 条评论