Purity 发表于 2017-4-1 15:59:16

愚你在一起&【9】-After Coachella - 当你说爱我的时候 亲爱的

本帖最后由 QQmcc-阿凯 于 2017-4-1 16:10 编辑 <br /><br />      
                <meta charset="UTF-8">
                <style type="text/css">
                        #all{margin:auto;padding-top:50px;padding-bottom:70px;width:900px;height:500px;background:url("http://www.qqmcc.net/data/attachment/album/201702/08/172603fsse4x5eehze7shr.jpg");background-size:100% 100%;font-family:"微软雅黑"}
#body{margin:auto;padding-top:20px;padding-bottom:20px;width:450px;height:210px;background:rgba(29,52,76,.4);-webkit-animation-name:bounceInUp;animation-name:bounceInUp;-webkit-animation-duration:6s}
.body_a,.body_b{float:left}
.body_a{padding-left:20px;width:110px;height:110px}
.body_a img{width:100px;height:100px;border:solid 3px #fff;border-radius:50%}
.body_b{padding-top:40px;width:310px;height:70px;color:#fff;text-align:left;text-indent:1.2em;font-size:1.5em}
.body_b p{color:#168bdc;font-size:.6em}
.clear{clear:both}
.body_c,.body_d,.body_e{float:left;width:150px;height:70px;color:#f5f5f5;text-align:center;font-size:20px}
.foot{margin:auto;margin-top:20px;padding-top:20px;padding-bottom:20px;width:450px;height:210px;background:rgba(29,52,76,.4);color:#f5f5f5;text-align:left;text-indent:1.4em;font-size:20px;-webkit-animation-name:bounceInDown;animation-name:bounceInDown;-webkit-animation-duration:6s}
@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}

                </style>
      
      
                <div id="all">
                        <div id="body">
                              <div class="body_a">
                                        <img src="http://www.qqmcc.net/data/attachment/album/201703/13/113923z5racdabecfq5877.png" border="0" alt="" style="max-width:400px">
                              </div>
                              <div class="body_b">
                                       
                                        <p>无爱的人不会孤独</p>
                              </div>
                              <div class="clear"></div>
                              <hr style="width: 400px;margin: auto;margin-top: 15px;margin-bottom: 15px;">
                              <div class="body_c">
                                        5
                                        <p>Focus on</p>
                              </div>
                              <div class="body_d">
                                        2
                                        <p>fans</p>
                              </div>
                              <div class="body_e">
                                        1
                                        <p>post</p>
                              </div>
                        </div>
                        <div class="foot">
                              <p>大早上便宜找我借钱 </p>
                              <p>我还特么答应了</p>
                              <p>刚刚想起来今天愚人节阿</p>
                              <p>我的钱人家还会还给我吗</p>      
                              <p>555555.</p>                                                                                                                                                               
                        </div>
                </div>


**** Hidden Message *****
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="1" height="1" src="//music.163.com/outchain/player?type=2&amp;id=469065127&amp;auto=1&amp;height=66"></iframe>
      





shy 发表于 2017-4-1 16:05:51

感谢分享～

软耳 发表于 2017-4-1 16:07:54

这种表格我不会做啊

凹凸曼丶 发表于 2017-4-1 16:14:25

借了就说明你太有钱了。

小艾 发表于 2017-4-1 16:37:04

一开始的旋律好可爱

沈风 发表于 2017-4-1 17:19:32

愚人节快乐

莎士比亚 发表于 2017-4-1 17:22:20

愚人节快乐

私藏 发表于 2017-4-1 22:13:09

哈哈哈哈哈哈哈哈哈哈

阿水怪噢 发表于 2017-4-1 23:02:16

不会还         

Zeer丶 发表于 2017-4-2 01:14:52











期待更新~
页: [1] 2
查看完整版本: 愚你在一起&【9】-After Coachella - 当你说爱我的时候 亲爱的