【 Sis Code 】

ลำดับตอนที่ #23 : :: Sis :: ชี้ลิ้งค์แล้วมีแถบสีกรอบปาดเลื่อนเข้า

Chill Chill

Sis Code

Present โค้ดชี้ลิ้งค์แล้วมีแถบสีกรอบปาดเลื่อนเข้า

Example
*ใช้ไม่ได้กับรูปติดลิ้งค์

ลองชี้ดูสิ


ตัวโค้ดจ้า (Ctrl+A แล้ว Ctrl+C เลย)
<style id="catsky" type="text/css"> a:link { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} a:hover { background-color:none; text-decoration:none; border-radius:10px 0px 10px 0px; box-shadow: inset 65px 10px 0px 0px #/*สีของแถบสี*/, inset -65px -10px 0px 0px #/*สีของแถบสี สีเดียวกับอันบนเลย*/; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} </style>

นำไปใช้โปรดแปะลิ้งค์ร้านหรือแบนเนอร์

<a href="http://my.dek-d.com/dek-d/writer/view.php?id=980242" target="_blank"><img alt="" border="0" height="75" src="http://img.ihere.org/uploads/af9530fff3.gif" width="250" /></a>