我有一些我在相册中使用的图片。我使用HTML和CSS创建了一个图片库。我使用CSS效果将图片更改为黑白。现在我想下载具有CSS黑白效果的图片,但问题是当我下载它的时候。它给了我没有CSS黑白的原始图像。谁能告诉我如何下载图片后使用CSS效果?
<style>
img {
-webkit-filter: grayscale(100%); /* convert image to black and white */
filter: grayscale(100%);
}
</style>
<p>Convert the image to black and
我在我的网站上使用背景,我使用颜色,在顶部我有一个图像。我想用css把这张图片变成黑白的:
body {
background: url('background.jpg') center top no-repeat;
-webkit-filter: grayscale(100%);
}
但这段代码会让整个网站变得灰度化
我还试着用-webkit-filter: none;样式把站点内容放到新的div中,但也不起作用。
我想转换一个纯黑白(例如,没有灰度)的图片使用Image箱,结果应该是一个0和255 RGB值的图片。
根据,我写了以下内容:
let img = image::open("photo.jpg").unwrap(); // Load picture
let gray_img = img.grayscale(); // Convert it
// Access a random pixel value
let px = gray_img.get_pixel(0,0);
println!("{:?}", pixel.data); // Print RGB arra
基本上我有6张图片和6个文本链接到他们
我做过css悬停在图片上(彩色版本-> on hover ->黑白版本)
和文本链接(悬停->上的黑色字体->和红色字体)
当我在链接上悬停时-图片正在获得悬停版本(B&W),这是可以的,但这只在这个方向上起作用,当我在图片上悬停时,在相反的方向上-文本链接保持不变(黑色字体)
这就是我的问题,如何将这两个元素(文本链接和图片)连接起来?
下面是我的代码:
HTML
<ul class="menu">
li class="element_1"><a href