背景图像,渐变和图像与不透明度?

时间:2017-06-13 19:59:27

标签: css css3 background-blend-mode

我已经将blendmode用于背景图像,但是我希望有一个更透明的图像。有没有办法(旁边减轻BG图像本身会导致不同的“混合”)给图像增加不透明度?

我在这里添加了代码。

body{
  margin:0;
  padding:0;
  font-family: 'Roboto', sans-serif;
  background-blend-mode: overlay;
  background-image: url(http://mortenhjort.dk/bglow.jpg), linear-gradient(to left top, rgba(55, 236, 186, .5) 0%, rgba(114, 175, 211, .5) 100%);

  background-size: cover;
  background-position: center center;
  height: 100vh;
  width: 100vw;
}

0 个答案:

没有答案