效果不出来
qq_天使的微笑_0
2015-12-30 17:35
.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">慕课网的小伙伴们：</div>
<div class="msg">在端午节来临之际，小慕给大家送来心意了，祝大家好运、吉祥、如意、幸福、快快乐乐每一天，慕课网永远和你相伴！</div>
<div class="form">小慕</div>
</div>
</div>
</body>
</html>
3回答
-
- qq_天使的微笑_0
- 2015-12-30 17:50:56
一起出现
-
- _亓
- 2015-12-30 17:42:36
触发条件在哪啊？
-
- _亓
- 2015-12-30 17:39:24
什么效果？
JS+CSS3实现“粽情端午”
39504 学习 · 74 问题
相似问题