网友回复
css编写图片变灰的代码如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> img { -webkit-filter: grayscale(1); /* Webkit */ filter: gray; filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns=' http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); ') /* IE6-9 */ filter: grayscale(1); /* W3C */ } </style> </head> <body> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MTI1NzZGRkI2MkQxMUVCOUQ4NUZDMTcwQTYxRERGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MTI1NzcwMEI2MkQxMUVCOUQ4NUZDMTcwQTYxRERGMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUxMjU3NkZEQjYyRDExRUI5RDg1RkMxNzBBNjFEREYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUxMjU3NkZFQjYyRDExRUI5RDg1RkMxNzBBNjFEREYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+36U1JwAAApJJREFUeNpi/P//PwMhINb9BMY0BmJrIFaEYhEg/gjE94H4ARCfBOLD6PpflcpgNZeFCIv5gFQSEMcCsREDYXALiBcB8QIgfopPISM+nwMtTgVSrUAsykA6+AHEjUDcgcvnWC0HWsoBpNYDsQcD5eAMEAcAHfCUoOVAi/mhcafOQD3wAYitgA64jizIhEXhWSpbDAICIA8BPSaM03Kg5G4gpcxAG8CLnhOYkCwGpWYXBtoCTaA99ShxDs1Or4CYnYE+QBYY/09gPo+no8UgUIAc7Nk0sGA+EBdDS0B0kAIOd...
点击查看剩余70%
threejs如何引入中文字体json?
FLUX.1 Kontext如何api调用?
腾讯混元模型广场里都是混元模型的垂直小模型,如何api调用?
为啥所有的照片分辨率提升工具都会修改照片上的图案细节?
js如何在浏览器中将webm视频的声音分离为单独音频?
微信小程序如何播放第三方域名url的mp4视频?
ai多模态大模型能实时识别视频中的手语为文字吗?
如何远程调试别人的chrome浏览器获取调试信息?
为啥js打开新网页window.open设置窗口宽高无效?
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音?