Добрый день возник вопрос... Возможно ли применить градиент на фоновую картинку (background-image: url(img/bg.png); от 10% не прозрачности до 100% не прозрачности? )
2 ответа
На картинку нельзя. Но можно наложить поверх абсолютно позиционированный блок с градиентом от непрозрачного белого до прозрачного. Хотя если и так на фоне картинка, лучшее ее в ФШ отредактировтаь.
-
1Подобного рода советы принято давать в комментариях: они указывают направление, куда двигаться дальше, но не дают исчерпывающий ответ на вопрос. Если бы в вашем тексте был пример с исходником (вот прям возьмите картинку из вопроса и создайте в ответе сниппет), то да, это был бы ответ. А так - "не является ответом на вопрос".– A K22 фев 2018 в 16:59
Такой способ не будет работать в 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;
}