javascript - 在我网站的图像上添加 Instagram 滤镜

Question

我正在使用CSSGram在我的网站上使图像具有类似 Instagram 的滤镜。下面是向图像添加滤镜的方法:

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

如何将这种效果添加到网页中的所有图像，而不是使用 <figure class="">在每个图像之前，以及许多图像的 css 部分中。
可以使用 javascript 来完成此操作吗？ ？

Answer 1

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

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