ปรับหน้าเว็บเป็นขาวดําด้วย 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

Delegate คืออะไร และใช้งานอย่างไร

Delegate คืออะไรDelegate จะเก็บตําแหน่ง Address ของ Method ที่ต้องการจะเรียกใช้ ทําให้เราสามารถเรียกใช้ Method ใดๆ ผ่าน Delegate ได้ คุณอาจจะสงสัยว่า ทําไมไม่เรียกใช้ Function ตรงๆไปเลย ข้อดีของการเรียกผ่าน Delegate คือสามารถเรียก Mathod ของ Class อื่นได้

THAILAND TECH SHOW 2016

สวัสดีครับ ผมได้มีโอกาศไปงาน THAILAND TECH SHOW 2016 จัดขึ้นที่ ศูนย์ประชุมแห่งชาติสิริกิติ์ ในวันที่ 8 กันยายน 2559 - 10 กันยายน 2559

Structure c/c++

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


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

Build with ❤️ and Astro.

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