效果不出來
.text{
position:absolute;
width:400px;
height:370px;
left:180px;
top:140px;
font-size:14px;
line-height:40px;
color:#333;
display:none;
}
.text_in{
display:block
}
.text .caption{
width:400px;
height:240px;
background:url(img/caption.png);
margin-left:40px;
opacity:0;
transition:all 1s;}
.text .to{
width:400px;
margin-top:10px;
margin-left:40px;
opacity:0;
transition:all 1s .5s;}
.text .msg{width:400px;
margin-top:10px;
margin-left:40px;
opacity:0;
transition:all 1s 1s;}
.text .form{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 .form{
opacity:1;
margin-left:0px;}
</style>
<body>
<div class="main">
<div class="zongzibox zongzibox_rock">
? <div class="zongzi"></div>
? <div class="shengzi_1"></div>
??
? ?<div class="zongrou"></div>
? ?<div class="zuoye"></div>
? ?<div class="youye"></div>
? ? <div class="diye"></div>
? ??
? ?<div class="text_1"></div>
? ?<div class="text_2"></div>
</div>
<div class="text text_in">
<div class="caption"></div>
<div class="to">慕課網(wǎng)的小伙伴們：</div>
<div class="msg">在端午節(jié)來臨之際，小慕給大家送來心意了，祝大家好運、吉祥、如意、幸福、快快樂樂每一天，慕課網(wǎng)永遠和你相伴！</div>
<div class="form">小慕</div>
</div>
</div>
</body>
</html>
2015-12-30
一起出現(xiàn) ?
2015-12-30
觸發(fā)條件在哪??？
2015-12-30
什么效果？