【 Sis Code 】

ตอนที่ 13 : :: Sis :: ชี้ภาพแล้วมีแถบสีขอบโค้งขึ้นมา ภาพมีขอบโค้งด้วย (เป็นไงมาดู)

Chill Chill

Sis Code

Present โค้ดชี้ภาพแล้วมีแถบสีขอบโค้งขึ้นมา ภาพมีขอบโค้งด้วย

Example

ตัวโค้ดจ้า (Ctrl+A แล้ว Ctrl+C เลย)
<style id="catsky" type="text/css"> img{ -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s; transition-duration: 1.0s; } img:hover{ -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s; transition-duration: 1.0s; -webkit-transition: 0.8s;-moz-transition:0.8s; border-left: 7px solid; border-right: 7px solid; border-top-left-radius:/*ค่าความโค้งขอบมุมบนซ้าย*/px; border-top-right-radius:/*ค่าความโค้งขอบมุมขวา*/px; border-bottom-left-radius:/*ค่าความโค้งขอบมุมล่างซ้าย*/px; border-bottom-right-radius:/*ค่าความโค้งขอบมุมล่างขวา*/px; } </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>