向来不喜欠任何情意
本帖最后由 外向孤独症患者 于 2017-1-24 10:51 编辑 <br /><br /><style>#qj { width:900px; height:400px; background:#111 url('http://iqqmcc.com/data/attachment/album/201701/12/215838tv29j4xj42xrcdax.jpg');background-size: 100%; padding:50px;}
#toux { width:150px; height:150px; margin-top: -325px; margin-left: 295px;}
#toux img { width:150px; height:150px; border-radius:100%;-moz-transition:all .5s ease;-o-transition:all .8s ease;transition:all .5s ease; border: 1px solid rgba(0, 0, 0, 0.36); padding: 2px;}
#toux img:hover { border-radius: 50% 10px; }
#touxbg { width:400px;height:400px;margin: 0 auto; border-radius: 5px; background: rgba(255, 255, 255, 0.48);}
#dba {width:100px;height:100px;margin:0 auto; margin-top: 400px; }
#touxbg p { width: 185px; float: right;}
#touxbg li { text-align: center; padding: 10px; list-style: none; width: 100px; margin: 0 auto; border: 1px solid rgba(0, 0, 0, 0.36);border-radius: 5px; -moz-transition:all .5s ease;-o-transition:all .8s ease;transition:all .5s ease; margin-top: 210px;}
#touxbg li:hover { background: rgba(0, 0, 0, 0.63); color:#fff;}
#txb { height: 800px; }
#txb li { width:200px; height:200px; list-style: none; float: left; margin-left: 0; padding-left: 10px; padding-bottom: 10px;}
#txb img { width:200px; height:200px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#txb img:hover{opacity:0.4;filter:alpha(opacity=40);}
</style>
<div id="qj">
<div id="touxbg" class="a-bounceinT">
<p><br><br><br><br><br><font style="font-size:30px; font-weight: 100;"> 孤港</font>
<br><br>向来不喜欠任何情意<br>这里没有鸡汤 只有你想说的 想听的</p>
<br><br><br><br><br><li>外向孤独症患者</li></div>
<div id="toux" class="a-bounceinT">
<img src="http://attachment.qqmcc.net/attachment/album/201608/02/174740y1cxq8nz58hcohs0.png"></div>
</div>
页:
[1]