{ FREEs } CODEs: { CSS; }

ลำดับตอนที่ #29 : { CSS | ชี้รูปเเล้วรูปจาง

เอาโค้ดมาให้ตามรีเควสนะคะ :DD

โค้ดมี 2 เเบบ

ตอนเเรกรูปเป็นปกติ เมื่อเอาเ้ม้าส์ชี้จะจาง .

โค้ดดิบ
<style type="text/css">
img { filter: alpha(opacity=100); opacity:1.0; }
img:hover { filter: alpha(opacity=70); opacity:.7; }
</style>

โค้ดสุก
#CD

ตอนเเรกรูปจางอยู่เเล้ว เมื่อเอาเม้าส์ชี้จะจาง .

โค้ดดิบ
<style type="text/css">
img { filter: alpha(opacity=70); opacity:.7; }
img:hover { filter: alpha(opacity=100); opacity:1.0; }
</style>

โค้ดสุก
#CD


*ถ้าสังเกตดี ๆ โค้ดเเค่สลับกันเท่านั้นเอง ฮ่าฮ่า