                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /JS+CSS3实现“粽情端午”

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

.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;
           }