为啥这样transition延时的效果出不来

Question

.words .caption{

background-image:url(images/caption.png);

width:400px ;

height:240px ;

opacity:0;

-webkit-transition: all 5s;

}

.words{

   position: absolute;

left:145px;

top:143px;

margin-left:30px;

}

.to{

margin: 10px 0;

opacity:1;

-webkit-transition:all 5s 0.5s;

}

.from{margin: 10px 0;

text-align: right;

opacity: 0;

-webkit-transition:all 5s 1s;}

.wishes{

opacity:0;

-webkit-transition:all 5s 1.5s;

     }

.words_cg >.to,

.words_cg >.from,

.words_cg >.caption,

.words_cg >.wishes

{

opacity:1;

margin-left: 0;

}

Answer 1

刚回答错了。。我再想想——————————sorry。。可以把html发上来嘛？有点看不懂你想表达的意思