jean_gaben
@jean_gaben

Как наложить полупрозрачный цвет на backgound-image?

Есть background-image в header, на него нужно наложить полупрозрачный цвет. Как это сделать? В интернете много ответов, но все старые и\или дико костыльные. Есть ли способ сделать это красиво?
  • Вопрос задан
  • 139 просмотров
Решения вопроса 1
aliencash
@aliencash
Партизан
Не совсем понятен термин "красиво".
https://codepen.io/aliencash/pen/vYOXvXR
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Triplicate
Смотри, такое обычно проделывается благодаря псевдоэлементам before и after. Почитать о них - где угодно в гугле

А полупрозрачный цвет ты можешь задать благодаря rgba(), он принимает в себя rgb - цвет, а 4 параметром - прозрачность. От 0 до 1.
К примеру
.font{
color: rgba(1,1,1,0.5) /* сделает цвет черным и его прозрачность 0.5*/
}


Пример на CodePen: https://codepen.io/Triplicate/pen/YzXGMvj
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
04 апр. 2020, в 21:01
35000 руб./за проект
04 апр. 2020, в 20:32
5000 руб./за проект
04 апр. 2020, в 20:30
25000 руб./за проект