相关疑难解决方法(0)

在HTML/CSS中将图像转换为灰度

是否有一种简单的方法来显示灰度的彩色位图HTML/CSS

它不需要与IE兼容(我想它不会) - 如果它在FF3和/或Sf3中工作,这对我来说已经足够了.

我知道我可以用SVGCanvas和Canvas 来做这件事,但现在看起来好像很多工作.

有一个真正懒惰的人这样做的方法吗?

css image css3 grayscale

605
推荐指数
13
解决办法
40万
查看次数

带有CSS的图像灰度和鼠标悬停时重新着色?

我想要一个彩色的图标(并将是一个链接)并将其转换为灰度,直到用户将鼠标放在图标上(然后它将为图像着色).

这可能吗,并且以IE和Firefox支持的方式?

css mouseover grayscale

84
推荐指数
3
解决办法
26万
查看次数

背景图像的不透明度和灰度滤镜.使其黑白透明

我想让我的背景图像半透明,灰度/黑白.我通过组合来自Stackoverflow的两个不同线程的代码来制作以下代码

body {
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body::after {
  content: "";
  background: url('<?php echo $background[0]; ?>');
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */  
} …
Run Code Online (Sandbox Code Playgroud)

css opacity grayscale

2
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×3

grayscale ×3

css3 ×1

image ×1

mouseover ×1

opacity ×1