รับทําเว็บไซต์ รับทําseo
บทความที่น่าสนใจ

บทความ ที่น่าสนใจ

การทำ 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 ขึ้นไป */
    }

    HTML :
    <img class="imgtransparent" src="image.png" height="246" width="246" />