方向
<style type="text/css">
.zz{
width: 800px;
height: 1000px;
margin: auto;
margin-top:
margin-bottom: 50px;
}
.content{
position: relative;
width: 750px;
margin: 0 auto;}
.klam p{
margin: 0;
padding: 0;
font-size: 90px; }
.klam {
position: absolute;
top: 40px;
left: 100px;
color: #000;
z-index: 1;
animation: shadow 6.0s ease-in-out infinite;
}
.noor {
position: absolute;
top: 30px;
left: 50px;
width: 140px;
height: 140px;
opacity: 0.8;
border-radius: 100px;
z-index: 0;
background:
-webkit-radial-gradient(center, ellipse cover, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
box-shadow: 0px 0px 50px #fff;
animation: noor 6.0s ease-in-out infinite;
}
.two {z-index: 2;opacity: 0.8;}
.body_z{
position: absolute;
width: 200px;
height: 200px;
margin: auto;
background: red;
margin: 220px 300px;
background: url("http://attachment.qqmcc.net/attachment/album/201701/16/140143u9nd5ammvyp5hpci.jpg");
background-size:100% 100% ;
border-radius: 100px 1px;
z-index: 2;
}
.body_y{
position: absolute;
width: 300px;
height: 400px;
background: whitesmoke;
margin: 400px 290px;
border-radius:8px ;
z-index: 1;
text-align: left;
font-size: 18px;
font-family: "微软雅黑";
color: #222222;
}
@-webkit-keyframes noor {
0% {left: 45px;}
50% {left: 335px;}
75%{left:500px;}
100% {left: 45px;}
}
@-webkit-keyframes shadow {
0% {text-shadow: -9px 1px 4px #000;}
50% {text-shadow: 9px 1px 4px #000; }
100% {text-shadow: -9px 1px 4px #000;}
}
</style>
<div class="zz">
<div class="content">
<div class="klam">
</div>
<div class="noor one"></div>
<div class="noor two"></div>
</div>
<div class="body_z">
</div>
<div class="body_y">
<br><br>你看着车窗<br>
沿途的风景大体上还是走时的模样<br>
躲过了深秋的萧瑟<br>
却撞见了寒冬腊月的沉默<br>
起身望了望<br>
归人的脸庞大概都只算是一个模样<br>
摸了摸兜里来自远方的糖<br>
行李箱藏着崭新的老人衣裳<br>
路很长<br>
向着家的方向<br>
</div>
</div>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=29047169&auto=1&height=66"></iframe>
回家 家最温暖 路很长
向着家的方向 摸了摸兜里来自远方的糖
行李箱藏着崭新的老人衣裳
路很长
向着家的方向 新年快乐。 下午好。 摇一摇。 晚上好 新年快乐
页:
[1]
2