รับทําเว็บไซต์ รับทําseo
 
รับทําเว็บไซต์ รับทํา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" />

     

     

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

บทความ ล่าสุด

บทความ ความรู้ด้านไอที, คอมพิวเตอร์ Techonlogy, Gadget, ความรู้เกี่ยวกับคอมพิวเตอร์ กับทาง SoftMelt.com