เทคนิคการทำ Effect CSS Image ชี้เมาส์แล้วภาพจาง

 เทคนิคหนึ่งที่เป็นที่นิยมในการสร้างลูกเล่นให้กับเว็บไซต์ คือ CSS Image Transparent เป็นการชี้เมาส์แล้วทำให้ภาพจางหรือมีสีที่เปลี่ยนไป ในโค๊ดตัวอย่างจะมีขั้นตอนสั้นๆ ที่สามารถนำไปประยุกต์ใช้งานได้ง่าย ไม่ซับซ้อน ไปดูกันเลยดีกว่า

 

CSS :

.imgtransparent

{

opacity:1.0; /* ค่าความจาง */

filter:alpha(opacity=100); /* สำหรับ IE8 ขึ้นไป */

}

.imgtransparent:hover

{

opacity:0.4; /* ค่าความจาง */

filter:alpha(opacity=40); /* สำหรับ IE8 ขึ้นไป */

}

 

 

 

 

ลองไปทำดูกันนะครับ :)

 

 

 

ขอบคุณเนื้อหาจาก :