Bunker 9 [ฐานหมายเลข9 ทดลองโค้ด]

ลำดับตอนที่ #85 : +

<style>

a.you{

width:13px;

display:inline-block;

color:#fff;

text-align:left;

padding:2px;

overflow:hidden;

height:18px;

text-decoration:none;

padding-left:7px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

font-family:calibri;

margin:5px;

font-size:12px;

border-radius:333px;

}

 

a.you:hover{

width:80px;

{

</style><br />

<br />

<div style="position:fixed; top:200px;left:20px;"><br />

<a class="you" style="background:#FF8888;" href="ใส่ลิงค์"> <span style="padding-right:10px;font-size:16;">+</span>facebook</a><br />

<br />

<a class="you" style="background:#FFBBBB;" href="ใส่ลิงค์"> <span style="padding-right:10px;font-size:16;">+</span>twitter</a><br />

<br />

<a class="you" style="background:#9BF1D2;" href="ใส่ลิงค์"> <span style="padding-right:10px;font-size:16;">+</span>fanfiction</a><br />

<br />

<a class="you" style="background:#5EDFC9;" href="ใส่ลิงค์"> <span style="padding-right:10px;font-size:16;">+</span>tumblr</a><br />

<br />

</div>