วิธีทำหน้าเว็บให้เป็น Grayscale (โทนสีเทา)

วิธีทำหน้าเว็บให้เป็น Grayscale (โทนสีเทา) เพื่อถวายความอาลัยแด่พระบาทสมเด็จพระปรมินทรมหาภูมิพลอดุลยเดช ในระหว่างเดือนตุลาคม ๒๕๖๐

นำ CSS code นี้ไปใส่ในต้นไฟล์ CSS หรือในต้นไฟล์ html ได้เลยครับ

/* Grayscale */
html>* {
-webkit-filter: grayscale(95%);
-moz-filter: grayscale(95%);
-ms-filter: grayscale(95%);
-o-filter: grayscale(95%);

/* Firefox 10+, Firefox on Android */
filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale”);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.95);
filter: gray;
filter: grayscale(95%);
}

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *

Share
Tweet
Pin
+1
Share
0 Shares