                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /JS+CSS3實現(xiàn)“粽情端午”

文字為什么是一起出現(xiàn)的，不能按次序出現(xiàn)，沒有老師的那種效果

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