改变之前:
.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秒钟之后发生这样的事件