css-filters

0热度

1回答

HTML代码的内容 <div style="display: inline" class="button"> <a href="indeks.html">Home</a> </div> CSS代码 .button { border : 2px solid white ; -webkit-filter: blur(3px);} 的事情是，我想罗嗦那个边界不模糊的文本在href。我试图在

26热度

4回答

翻转/镜像图像水平+垂直与css

我试图翻转图像以显示它4种方式：原始（无变化），水平翻转，垂直翻转，翻转水平+垂直。要做到这一点我做下面，它工作得很好，除了翻转水平+垂直，任何想法，为什么这wouldnt工作？伊夫这里提出这个问题的JS提琴：https://jsfiddle.net/7vg2tn83/ .img-hor { -moz-transform: scaleX(-1); -o-transfor

1热度

3回答

jQuery在过去的内联样式顶部添加内联样式用于过滤器

我有一个元素，我想在不同的时间顶部添加多个内联过滤样式。我现在的代码总是重置内联样式，这样无论我最后设置的是什么都可以。下面是一个例子片段： $("div").css("-webkit-filter","grayscale(1)"); $("div").css("-webkit-filter","blur(5px)"); .box{background:blue; width:100px

3热度

2回答

CSS3过滤器不会在Opera，IE浏览器，Mozilla Firefox浏览器工作

CSS有命令过滤，它有很多功能的例子： filter: grayscale(0); filter: sepia(0); filter: saturate(1); filter: hue-rotate(0deg); filter: invert(0); filter: opacity(1); filter: brightness(1);

-2热度

1回答

CSS改变图像的颜色

我有几个图标图像，其中只包括一个白色轮廓和透明背景。如何使用CSS（过滤器等）以我选择的任何颜色显示这些图标？我尝试了一些CSS过滤器（色调旋转，亮度等）的组合，但成效有限......我猜我在色彩理论方面的知识非常有限。谢谢！

2热度

1回答

Moving Background stutter/lag

我无法正常使网站正常工作。它有许多移动背景，并使用CSS反转滤镜。请看看这里： http://epicstudios.de/blackwhite/ 我的问题是，即使平均电脑有问题处理运动背景，这是我想要的网站有效果至关重要。我认为这个问题可能是因为我有太多的移动背景的div，但由于这些div有不同的倒置背景图像，我不能让它们透明。或者有没有办法在不给div提供背景图像的情况下使用反转过滤器，以便

1热度

1回答

不同的浏览器

CSS滤镜我有CSS这适用于网络套件浏览器（当ALT文本显示情况下）： .image { -webkit-filter: grayscale(100%) brightness(2) opacity(0.5);} 但我需要支持的其他浏览器如Firefox，歌剧，IE8 + 所以，我尝试使用CSS旁边的更新来获得期望的结果： .image { -webkit-filter: grayscale

0热度

1回答

应用CSS“模糊（）”过滤器的图像与已应用“亮度（）”过滤器去激活后者

我得到与已经它变暗至50％的类的图像： .f_pixx { width: 100%; filter: brightness(50%); -webkit-filter: brightness(50%); -moz-filter: brightness(50%); -o-filter: brightness(50%); -ms-filter: brightness(50%); } 我

5热度

2回答

如何在不使边缘变得透明的情况下使用css模糊滤镜？

我试图使用一个CSS模糊过滤器，同时保持图像的不透明度。在下面的例子中，我有一个只是蓝色方块的图像。当我应用模糊滤镜时，边缘变得透明，您可以看到下方的黑色div。没有引入这种透明度，有什么办法可以应用模糊？理想情况下，我希望它只包含平均范围内的可见像素。我明白，在这个例子中，它只会产生一个坚实的蓝色正方形，但对于较不重要的情况，它会给出我正在寻找的结果。 div { backgrou

4热度

3回答

使用CSS模糊图像的一部分

我对图像有问题。我试图模糊图像的一部分，但我的解决方案无效。请看看下面的代码： HTML文件 <div id="image"> <div class="blur"></div> </div> CSS文件 #image { width: 940px; height: 360px; background-image: url('../img/photo.