วิธีการทำให้เว็บไซต์เป็นสีเทา ด้วย CSS เพื่อร่วมไว้อาลัยถวายแด่ “ในหลวง ร.9”

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

1. โดยการใส่คำสั่ง CSS ลงไปที่ไฟล์ CSS หลักของเว็บไซต์ ของท่าน


html {
  filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
}

2. หรือจะใส่ไว้ที่ส่วน head ของหน้าเว็บไซต์ โดยเพิ่ม TAG Style ในส่วนของ ก็ได้ ดังนี้


<head>
<style>
html {
  filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
}
</style>
</head>
.....

เว็บไซต์ของเรา ก็จะกลายเป็นสีเทา โดยหลักการคือโค้ดด้านบนจะเป็นการใส่ filter gray scale ให้กับทุกส่วนของเว็บไซต์

Was this article helpful?

Related Articles