picpost

Share |

ท่านใดที่นำบทความนี้ไปเผยแพร่ที่เว็บหรือบล็อกของท่านกรุณาทำลิงค์กลับมายังบทความต้นฉบับด้วยนะคะ ขอบคุณค่ะ

CSS Code กลับด้านรูปภาพ (ใช้ภาพเพียงภาพเดียว)



By : Admin

Date write : 2009-08-20 11:13:15   Date update : 2009-08-20 11:13:15





กลับด้านรูปภาพด้วย css
มีโค๊ดดังนี้ค่ะ


ใน <head></head>


<style>
.clip               { position: absolute; top: 0; left: 0; }
       
.pos-left              { clip:rect(0 48px 48px 0); }
.pos-right              { clip:rect(0 96px 48px 48px); left: -48px; }
.pos-top              { clip:rect(48px 48px 96px 0); top: -48px; }
.pos-buttom              { clip:rect(48px 96px 96px 48px); top: -48px;
                      left: -48px; }
.clipwrapper        { position: relative; height: 48px; width: 48px; }
</style>


ใน <body></body>

<div class="clipwrapper">
       <img src="arrow-sprite.png" alt="arrow" class="clip pos-buttom" />
</div>



ขอบคุึณ
http://css-tricks.com/examples/CSSClip/



" ความคิดเห็นใหม่อยู่ด้านบนค่ะ "

 

คอมเมนต์ แสดงความคิดเห็น

โดย*   Guest  [ Login | สมัครสมาชิกที่นี่]
รายละเอียด*
รหัสป้องกันสแปม*   ขอรหัสใหม่


กรอกตัวอักษรตามรูปด้านบน
   
 
 



แว่นตาแฟชั่น แว่นสายตาแฟชั่น แว่นตามิกกี้เมาส์ แว่นตาแบบ อั้ม พัชราภา แว่นตาแบบ ชมพู่ อารยา แว่นตาทรงกลม แว่นตาแฟชั่น
แว่นแฟชั่น