Градиент на фоновое изображение в Css

252

23 февраля 2018, 16:34

Добрый день возник вопрос... Возможно ли применить градиент на фоновую картинку (background-image: url(img/bg.png); от 10% не прозрачности до 100% не прозрачности? )

Answer 1

На картинку нельзя. Но можно наложить поверх абсолютно позиционированный блок с градиентом от непрозрачного белого до прозрачного. Хотя если и так на фоне картинка, лучшее ее в ФШ отредактировтаь.

Answer 2

Такой способ не будет работать в ie и edge

body { 
  height: 100vh; 
  margin: 0; 
  background: url(https://lh3.google.com/u/0/d/1_IlAqhBPauoUpoNNJAb4qePo35x34flH=w1366-h613-iv1), linear-gradient(45deg, white, transparent); 
  background-blend-mode: overlay; 
}