ปรับหน้าเว็บเป็นขาวดําด้วย css

15 Oct 2016,
Share: 

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

วิธีปรับเปลี่ยนการแสดงผลหน้าเว็บเป็นขาวดํา

เนื่องจากเราต้องการปรับเปลี่ยนหน้าเว็บทั้งเว็บเป็นขาวดํา (Grayscale) เราต้องเขียน css เพิ่มเติมตรง tag body ดังนี้

body {
  /* IE */
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  /* Chrome, Safari */
  -webkit-filter: grayscale(1);
  /* Firefox */
  filter: grayscale(1);
}

เลข 1 หมายถึง ปรับเป็น grayscale 100% สามารถเปลี่ยนเป็นค่าอื่นๆได้ เช่น 85%, 50%, 90% ฯลฯ ตัวอย่าง

body {
  /* IE */
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=85%);
  /* Chrome, Safari */
  -webkit-filter: grayscale(85%);
  /* Firefox */
  filter: grayscale(85%);
}

ถ้าต้องการจะเปลี่ยนเฉพาะบางจุด ก็สามารถทําเป็น class ไว้ก็ได้ครับ

ข้าพระพุทธเจ้าเว็บไซต์ ThitiBlog.com ขอน้อมส่งเสด็จสู่สวรรคาลัย

Suggestion blogs

Review ไฟฉาย Nitecore concept 1

ไฟฉาย Nitecore รุ่น concept 1 เป็นไฟฉายรุ่นที่มีความสว่างสูงสุด 1,800 Lumens แสงพุ่งไกลถึง 220 เมตร จุดเด่นของรุ่นนี้คือ Feature เยอะมาก ขนาดเล็ก ความสว่างสูง คุณสมบัติโดยทั่วไปดังนี้

เปลี่ยน port ssh เพื่อเพิ่มความปลอดภัย

วิธี เปลี่ยน port ของ ssh เพื่อเพิ่มความปลอดภัยให้กับ server

Go EP.12 Recover ในภาษา Go

สวัสดีครับ ในบทความนี้ก็เป็น EP.12 แล้วนะครับ โดยเนื้อหาจะเป็นเรื่องเกี่ยวกับ Recover ในภาษา Go ซึ่งจะเป็นเนื้อหาที่ต่อเนื่องมาจาก Go EP.11 Panic ในภาษา Go ครับสําหรับท่านใดที่ยังไม่ได้อ่าน EP.11 ท่านสามารถกลับไปอ่านก่อนได้นะครับที่นี่ Go EP.11 Panic ในภาษา Goมาเริ่มเรียนรู้ไปด้วยกันตามหัวข้อด้านล่างเลยครับ


Copyright © 2019 - 2025 thiti.dev |  v1.56.0 |  Privacy policy | 

Build with ❤️ and Astro.

Github profile   Linkedin profile   Instagram   X profile   Nostr   Youtube channel   Telegram   Email contact   วงแหวนเว็บ