HTML CSS 图像变暗网格（可能是插件）

Question

在下面的网站上有一个完整的背景图像，在该图像的顶部有 grid/net 使该图像变暗，那是什么，我在哪里可以找到它，我如何创建它？（源码都找过了，没找到，求助）

http://www.art3d.ru/

Answer 1

使用 opacity 属性可以使图像变暗。你可以这样实现它：

body {
    background-image: url('path');
}

div {
    opacity: 0.2;
}

我已经设置了一个 body 背景图像，当你给 div opactiy 时，它应该会使图像变暗。它有时会非常有用。

希望我回答了你的问题。

Answer 2

也许是简单的渐变叠加？

html {
  min-height:100%;
  background:
    linear-gradient(to left,transparent 50%, rgba(0,0,0,0.3) 50%),
    linear-gradient(to bottom,transparent 50%, rgba(0,0,0,0.3)50%),url(http://lorempixel.com/640/480);
  background-size:2px 4px, 4px 2px, cover;
}
html:hover {/* demo purpose */
  background-size: 0% 0%,0% 0%, cover;
  }

HTML CSS 图像变暗网格（可能是插件）

HTML CSS Image darken grid (plugin maybe)

html

css

frontend

web