改变之前：

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