文字为什么是一起出现的，不能按次序出现，没有老师的那种效果-慕课网

文字为什么是一起出现的，不能按次序出现，没有老师的那种效果

来源：2-5 完成祝福语CSS过渡动画

慕圣7922486

2015-10-18 09:31

.text{
           position: absolute;
           width:400px;
           height:370px;
           left:300px;
           top:100px;
           font-size:14px ;
           line-height: 20px;
        }
        .text_in{
        }
       .text .caption{
            width: 400px;
           height:240px ;
           background: url(img/img/caption.png) ;
           opacity:0;
           transition:all 1s ;
       }
       .text .to{
           width:400px;
           margin-top: 15px;
           opacity:0;
           transition:all 1s .5s ;
       }
       .text .msg{
           width:400px;
           margin-top: 10px;
           opacity:0;
           transition:all 1s 1s;
       }
       .text .from{
           width:400px;
           margin-top: 10px;
           margin-left:40px;
           text-align: right;
           opacity:0;
           transition:all 1s 1.5s;
       }
         .text_in .caption,
         .text_in .to,
         .text_in .msg,
         .text_in .from{
           margin-left: 0px;
           opacity: 1;
           }