没去 发表于 2017-2-13 11:17:33

【感谢遇见】- Princess - 那天我遇到了一个小姐姐

       
                <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/13/110135hernzs95nzxoo9o2.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:4s}
.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:4s}
@-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/201701/16/140143u9nd5ammvyp5hpci.jpg" 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">
                                        1
                                        <p>Focus on</p>
                                </div>
                                <div class="body_d">
                                        22
                                        <p>fans</p>
                                </div>
                                <div class="body_e">
                                        160
                                        <p>post</p>
                                </div>
                        </div>
                        <div class="foot">
                                <p>@QQmcc-没来</p>
                                <p>从相遇我看见你的第一眼起</p>
                                <p>到我睁不开眼长眠地底之后</p>
                                <p>这之间发生的所有事情</p>       
                                <p>算不算爱情</p>                                                                                                                                                               
                        </div>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="1" height="1" src="//music.163.com/outchain/player?type=2&amp;id=357023&amp;auto=1&amp;height=66"></iframe>
                </div>
        **** Hidden Message *****

QQmcc-没来 发表于 2017-2-13 11:18:57

本帖最后由 QQmcc-没来 于 2017-2-13 11:44 编辑

如若不然我情愿   何以见得我爱人

阿水怪噢 发表于 2017-2-13 11:30:33

这告白满分 哈哈 小姐姐在哪里

沈风 发表于 2017-2-13 11:30:39

厉害了我的哥

Purity 发表于 2017-2-13 12:29:22

感谢分享。

Purity 发表于 2017-2-13 12:29:27

辛苦

雨果 发表于 2017-2-13 12:46:26

这口狗粮我不吃         

雨果 发表于 2017-2-13 12:47:04

情人节                                 

1205520 发表于 2017-2-13 14:22:30

            感谢分享

QQmcc-千惠 发表于 2017-2-13 16:10:47

情人节快乐      
页: [1] 2 3
查看完整版本: 【感谢遇见】- Princess - 那天我遇到了一个小姐姐