13.10.59

ปรับหน้าเว็บเข้าโหมดเทาดำเพื่อ ร่วมไว้อาลัยถวายแด่ "ในหลวง"


สวัสดีครับ สำหรับบทเรียนรู้นี้เรามาพูดถึงการปรับแต่งหน้าเว็บไซต์ให้แสดงผลสีเทา โดยการใช้ CSS ซึ่งสามารถทำได้โดยใช้คำสั่งต่อไปนี้ ให้นำคำสั่งนี้ ในที่นี้จะกำหนดให้ tag body เพียงเท่านี้ก็จะได้หน้าเว็บสีเทาเรียบร้อยแล้ว

<style>
body{
    -moz-filter: grayscale(100%);
    /* IE */
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
    /* Chrome, Safari */
    -webkit-filter: grayscale(1);
    /* Firefox */
    filter: grayscale(1);
}
</style>
Previous Post
Next Post

post written by: