หน้าแรก
คอมมูนิตี้
ห้อง
แท็ก
คลับ
ห้อง
แก้ไขปักหมุด
ดูทั้งหมด
เกิดข้อผิดพลาดบางอย่าง
ลองใหม่
แท็ก
แก้ไขปักหมุด
ดูเพิ่มเติม
เกิดข้อผิดพลาดบางอย่าง
ลองใหม่
{room_name}
{name}
{description}
กิจกรรม
แลกพอยต์
อื่นๆ
ตั้งกระทู้
เข้าสู่ระบบ / สมัครสมาชิก
เว็บไซต์ในเครือ
Bloggang
Pantown
PantipMarket
Maggang
ติดตามพันทิป
ดาวน์โหลดได้แล้ววันนี้
เกี่ยวกับเรา
กฎ กติกา และมารยาท
คำแนะนำการโพสต์แสดงความเห็น
นโยบายเกี่ยวกับข้อมูลส่วนบุคคล
สิทธิ์การใช้งานของสมาชิก
ติดต่อทีมงาน Pantip
ติดต่อลงโฆษณา
ร่วมงานกับ Pantip
Download App Pantip
Pantip Certified Developer
วิธีแปลงหน้าเว็บให้เป็นสีขาวดำ (Gray Scale) ด้วย CSS
กระทู้สนทนา
ซอฟต์แวร์
การพัฒนาซอฟต์แวร์
อินเทอร์เน็ต
ตัวอย่างการใช้งานอย่างง่าย ในส่วนของ tag CSS ของ HTML
<style>
-webkit-filter: grayscale(90%); /* Chrome, Safari, Opera */
filter: grayscale(100%);
</style>
หรือยัดลงใน tag Body เลยก็จะได้เป็น
<body style="-webkit-filter: grayscale(90%);filter: grayscale(100%);">
▼
กำลังโหลดข้อมูล...
▼
แสดงความคิดเห็น
กระทู้ที่คุณอาจสนใจ
การเปลี่ยนเว็บเป็นสีขาวดำ เพื่อ ร่วมไว้อาลัยถวายแด่ "ในหลวง"
เนื่องจากลูกค้าและคนรู้จัก เข้ามาสอบถามการเปลี่ยนเว็บเป็นสีขาวดำ เพื่อ ร่วมไว้อาลัยถวายแด่ "ในหลวง" วิธีการง่ายที่สุด ทำตามนี้นะครับ หากเว็บของเรามี Base ไฟล์ css เปิดขึ้นมาแล้ว แปะโคดลงไปต
สมาชิกหมายเลข 1714244
แจกฟรี! PLUGIN JOOMLA! 3.X & 2.5 เปลี่ยนเว็บ เป็นสีเทา
joomla สามารถ โหลด plugin ด้านล่างไปติดตั้งและเปิดใช้งานได้เอง ส่วน Joomla 1.5 ให้ นำ code ด้านล่างไปใส่ใน css ไฟล์ ของ เทมเพลตที่ใช้ ใส่บันทัดแรกเลย html { /* IE */ filter: progidXImageTransform
konlungkao
การเปลี่ยนเว็บไซต์ให้เป็นโทนสี 40% เพื่อร่วมไว้อาลัยช่วงเดือนตุลาคม
สำหรับท่านใดที่มีเว็บไซต์ สมัยนี้น่าจะใช้ css กันหมดแล้วนะครับ วันนี้เราจึงมีเทคนิคง่ายๆ มาฝากเพื่อนๆ กัน ในเรื่องการย้อมเว็บไซต์ให้เป็นสีดำ หรือการลดโทนสี 40% เพื่อร่วมถวายความอาลัยแด่พระบาทสมเด็จพระ
Blogman
วิธีเปลี่ยนเว็บ Pantip ให้กลับมาสีสดใสเหมือนเดิม โดยไม่ต้องโหลดอะไรเพิ่มเติม
คือรักในหลวงนะครับ แต่สายตาผมมองโทนขาวดำทึมๆ แบบนี้นานๆ ไม่ไหวจริงๆ วิธีเก่า...ไม่สามารถใช้งานได้แล้วนะครับ ************************************************************************************ Upda
คนผ่านมาเห็นเข้า
อันนี้ผมทำในgooglesiteมันเป็นโค้ดปุ่มอะครับพอผมใช้ในคอมมันก็ลิ้งกดเข้าไปได้ปกติเเต่ทำไมในโทรศัพท์ถึงกดเข้าลิ้งไม่ได้ครับ
<!DOCTYPE html> <html> <head> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href=
สมาชิกหมายเลข 7116998
macbook ไม่สามารถดาวน์โหลดแอปฯเฟ๊ซบุ๊กได้?
คือ laptop อะเนอะ ใช้ผ่าน browses เท่านั้น อาทิเช่น safari Opera Chrome Edge Firefox
สมาชิกหมายเลข 6895182
interface ใน chrome กับ microsoft edge ไม่เหมือนกันแก้ยังไง
จะวางรูปให้ ก็วางไม่ได้ คือหน้าinterfaceที่เราทำมันมีhead body footer ค่ะ ตอนรันบนchrome มันไม่เรียงลงมาทีละส่วน แต่ตอนรับmicrosoft edgeมัน ทำได้ปกติ พอมีใครรู้วิธีแก้มั้ยคะ
สมาชิกหมายเลข 5591237
CSS หมุนตัวอักษร ไม่ทำงานใน firefox รุ่นใหม่ๆ V.40+ แก้ไขได้ไหมครับ
ผมต้องการหมุนตัวอักษรเป็นแนวตั้ง พอจะมีวิธีอื่นไหมครับ พอจะมีวิธีปรับแก้ CSS ให้ใช้งานได้ไหมครับ เพราะว่าเมื่อก่อนปรับได้ตามปกติเลย ตัวอย่างตามรูป: Code : ตามนี้ครับ .textAlignVer{ display:block;
IBOXZA
สมรภูมิเบราว์เซอร์ปี 2025 Chrome ครองบัลลังก์ แต่ ChatGPT Atlas กำลังเขย่าตลาด
ในปี 2025 โลกของอินเทอร์เน็ตอาจดูเหมือนเปลี่ยนไปช้า ๆ แต่เบื้องหลังคือการต่อสู้ทางเทคโนโลยีที่ร้อนแรงไม่แพ้สงครามสมาร์ตโฟน โดยเฉพาะในสมรภูมิเว็บเบราว์เซอร์ที่ยังคงมีผู้เล่นหลักเพียงไม่กี่รายครองตลาดอ
สมาชิกหมายเลข 6652492
อ่านกระทู้อื่นที่พูดคุยเกี่ยวกับ
ซอฟต์แวร์
การพัฒนาซอฟต์แวร์
อินเทอร์เน็ต
บนสุด
ล่างสุด
อ่านเฉพาะข้อความเจ้าของกระทู้
หน้า:
หน้า
จาก
แชร์ :
โปรดศึกษาและยอมรับนโยบายข้อมูลส่วนบุคคลก่อนเริ่มใช้งาน
อ่านเพิ่มเติมได้ที่นี่
ยอมรับ
วิธีแปลงหน้าเว็บให้เป็นสีขาวดำ (Gray Scale) ด้วย CSS
<style>
-webkit-filter: grayscale(90%); /* Chrome, Safari, Opera */
filter: grayscale(100%);
</style>
หรือยัดลงใน tag Body เลยก็จะได้เป็น
<body style="-webkit-filter: grayscale(90%);filter: grayscale(100%);">