文章/答案/技术大牛

发布

社区首页 >问答首页 >在我的网站中为图像添加Instagram滤镜

问在我的网站中为图像添加Instagram滤镜
EN

Stack Overflow用户

提问于 2016-01-29 20:52:12

回答 4查看 206关注 0票数 1

我在我的网站上使用CSSGram，让图片拥有像Instagram一样的滤镜。下面是给图片添加滤镜的方法：

 <figure class="aden">
 <img src="../img.png">
 </figure>

我如何才能将这种效果添加到网页中的所有图像中，而不是在每个单独的图像之前使用<figure class="">，也可以在许多图像的css部分中使用。

使用javascript可以做到这一点吗？

javascript

html

css

回答 4

Stack Overflow用户

发布于 2016-01-29 20:54:04

是适用于带有css的容器和样式，示例如下：-

-webkit-filter: brightness(0.9) contrast(1.4) hue-rotate(150deg) invert(0.1);

票数 0

Stack Overflow用户

发布于 2016-01-29 20:54:29

您可以像这样使用jquery

$('img').addClass('aden');

将css添加到所有img

票数 0

Stack Overflow用户

发布于 2016-01-29 20:58:20

使用JQUERY：

使用addClass方法

$('figure').addClass('aden')

查看此fiddle

或者你可以只使用javascript：

var a = document.querySelector('figure');
if (a.classList) {
    a.classList.add('aden');
} else {
    a.className += ' aden';
}

查看此fiddle

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35085050

复制

相似问题

问在我的网站中为图像添加Instagram滤镜
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在我的网站中为图像添加Instagram滤镜EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在我的网站中为图像添加Instagram滤镜
EN