Z i c m a . C o d e & L a b e l

ลำดับตอนที่ #12 : ` โค้ด ♔ กลมซ้อนผืนผ้า ชี้แล้วมีข้อความขึ้น

❝ Z i c m a C o d e & L a b e l ⁹
f o r. A l l . Code type
D e s i g n . 15 / 03 / 14
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 

โค้ดนี้ไม่ให้นำไปดัดแปลงใดใด -3- 
กรุณาขอยืมก่อนนะเออออ

คลิ๊กซร้าาา

แล้วใส่ข้อความลงไป!

โค้ดนี้ถ้าปรับขนาดแล้วไม่สวยนะ ;_;
ที่ให้มาได้มาตราฐานละ #จริงหราา
กรุณาอย่าก๊อปหรือดัดแปลงใดใดทั้งสิ้นนะคะ
อยากได้ขอ... ลิใจดีนะ -3-

- Copy Code -

<style type="text/css">

.imgbox{

height:200px;

width:280px;

font:13px calibri;

line-height:18px;

background:url(ใส่ url ของรูปภาพ);

background-repeat:no-repeat;

background-size:380px;

background-position:50% 50%;

-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;

border:2px solid #666;

}

 

#contentbox{

width:50px;

height:50px;

padding:10px;

opacity:0;

background:#fff;

overflow:hidden;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

text-align:left;

}

 

#hoversign{

width:100px;

height:100px;

margin-left:0px;

background:#fff;

text-align:Center;

opacity:0.8;border-radius:50%;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

color:#999;}

 

.imgbox:hover #contentbox{

width:260px;

height:180px;

padding:10px;

overflow:hidden;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

opacity:0.9;

margin-top:-36px;

color:#000;}

 

.imgbox:hover #hoversign{

width:0px;height:0px;

opacity:0;}</style>

<div class="imgbox">

<center>

<br />

<br />

<div id="hoversign">

<br />

<br />

ข้อความในวงกลม</div>

<div id="contentbox" style="text-align: center;">

<br />

<br />

<br />

<br />

ข้อความเมื่อเม้าส์ไปชี้</div>

</center>

</div>

<br />

 

นำไปใช้กรุณาให้เครดิต
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

        ★ten tativo

T
B