3 วิธีแปลงภาพสีสันเป็นขาวดำ
ด้วยการโค้ดดิ่ง ผ่านทางหน้าเว็บ
1 ใช้ CSS Filter
2 ใช้ JavaScript
3 ใช้ SVG Filter.
ตามลิงค์บทความนี้
https://www.hongkiat.com/blog/grayscale-image-web/
ตัวอย่างโค้ด
https://github.com/hongkiat/grayscale-web-image/
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「css filter: grayscale」的推薦目錄:
- 關於css filter: grayscale 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的精選貼文
- 關於css filter: grayscale 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的精選貼文
- 關於css filter: grayscale 在 コバにゃんチャンネル Youtube 的最佳貼文
- 關於css filter: grayscale 在 大象中醫 Youtube 的最佳解答
- 關於css filter: grayscale 在 大象中醫 Youtube 的最讚貼文
- 關於css filter: grayscale 在 grayscale() · WebPlatform Docs 的評價
- 關於css filter: grayscale 在 Apply the #Grayscale CSS #Filter to an Image and ... - YouTube 的評價
- 關於css filter: grayscale 在 CSS greyscale and brightness at same time - Stack Overflow 的評價
- 關於css filter: grayscale 在 CSS Background Image Grayscale Filter, Not ... - GitHub Gist 的評價
css filter: grayscale 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的精選貼文
ร่วมไว้อาลัยถวายแด่ในหลวง
ขออนุญาตแชร์ #โปรแกรมเมอร์ ท่านใดที่มีเว็บ ท่านสามารถเแก้เว็บเป็นสีขาวดำง่ายๆ ให้เข้าไปแก้ใน css ตามโค้ดข้างล่าง
*{
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray; /* IE6-9 */
filter: grayscale(100%);
}
ใช้ได้กับแท็กพวก html, body, header และอื่นๆ
ที่มา http://stackoverflow.com/…/is-it-possible-to-turn-an-entire…
อย่างแอดมินมี wordpress ก็กดเข้าไปที่เมนู
รูปแบบบล็อก -> Theme Options -> Other แล้วก็อปปี้วาง
++++++ข้อมูลเพิ่มเติม+++++
แต่ประกี้คุณ อภิเดช เตี่ยไพบูลย์ คอมเมนต์แนะนำมาครับ บางเว็บอาจเกิด Bug ได้ ถ้าใช้โค้ดข้างล่างแบบนี้จะปลอดภัยกว่า
body {
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray; /* IE6-9 */
filter: grayscale(100%);
}
+++++ ถ้าจะรองรับ ie10 และ ie11 +++++
ต้องใช้ javascript อันนี้เป็นวิธีของคุณ Destiny Amm แนะนำมา
รูปจะเป็นขาวดำ สำหรับ IE10 และ 11
css filter: grayscale 在 コバにゃんチャンネル Youtube 的最佳貼文
css filter: grayscale 在 大象中醫 Youtube 的最佳解答
css filter: grayscale 在 大象中醫 Youtube 的最讚貼文
css filter: grayscale 在 Apply the #Grayscale CSS #Filter to an Image and ... - YouTube 的推薦與評價
... it to grayscale / black and white with the CSS filter property. Then. ... Then, on hover, change the grayscale image back to full color. ... <看更多>
css filter: grayscale 在 grayscale() · WebPlatform Docs 的推薦與評價
Converts an element's color to a shade of gray, for use by the filter property. ... This CSS property value is reflected in the following image: filter: ... ... <看更多>