大声告白，说出你心中所爱：爱与希望

莎士比亚 发表于 2017-2-13 16:37:55

本帖最后由绅士于 2017-2-13 16:40 编辑 <br /><br /> H码表格丨没去
<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/201701/16/155727vrrxyyxyhxozzugo.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:#fff;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:15px;-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/201701/03/153933c3tdqpsfad3axxdt.jpg" border="0" alt="" style="max-width:400px">
                           </div>
                           <div class="body_b">
                                    绅士
                                    <p><font face="Mingliu">愿惦念之人岁岁平安即使生生不见</font></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">
                                    157
                                    <p>post</p>
                           </div>
                     </div>
                     <div class="foot">
                           <p><font face="Mingliu">愿单身的你找到属于你的美好</font></p>
                           <p><font face="Mingliu">愿相守的你们有情人终成眷属</font></p>
                           <br>
                           <p><font face="Mingliu">愿岁月温柔待你</font></p>
                           <p><font face="Mingliu">愿时光静好如初</font></p>
                           <br>
                           <p><font face="Mingliu">愿我爱的和可爱的你，往后以及未来安好 </font></p>
                           <br>
                           <p style="text-align: right;"><font face="Mingliu">——</font><font face="Impact">Love and Hope</font></p>
                     </div>
            </div>

阿水怪噢 发表于 2017-2-13 16:41:06

你怎么不秀一波

朵拉阿茶 发表于 2017-2-13 16:41:11

愿我爱的和可爱的你，往后以及未来安好

朵拉阿茶 发表于 2017-2-13 16:41:25

看见绅士，想到我弟弟

梦不到的情人 发表于 2017-2-13 16:42:31

你怎么不秀一波

QQmcc-千惠 发表于 2017-2-13 16:52:04

情人节快乐

沈风发表于 2017-2-13 17:29:20

愿惦念之人岁岁平安即使生生不见

shy 发表于 2017-2-13 20:02:50

酷炫

凶首是我# 发表于 2017-2-13 21:59:09

说出你心中所爱：爱与希望

马克不马 发表于 2017-2-13 22:57:24

提前一句情人节快乐

页: [1] 2

QQMCC论坛's Archiver

大声告白，说出你心中所爱：爱与希望