“Линейное градиент CSS фоновое изображение” Ответ

Линейный градиент с изображением

#show_bg_2 {
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
    url('images/background.jpg');
    width: 80%;
    height: 400px;
    background-size: cover;
    color: white;
    padding: 20px;
}
Busy Butterfly

фон с изображением и градиентом

body {
  background: #eb01a5;
  background-image: url("IMAGE_URL"); /* fallback */
  background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */
}
Innocent Ibis

Фоновое изображение с градиентным CSS

.background_img {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url(../Image/bg.jpg);
    /* background-image: url(../Image/bg.jpg); */
    width: 100%;
    height: auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
Dangerous Duck

Фоновое изображение линейный градиент

background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(https://images.pexels.com/photos/768473/pexels-photo-768473.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500);
fawad ahmed

CSS горизонтальный линейный градиент

background: linear-gradient(to left, red, blue);
Friendly Hawk

Линейное градиент CSS фоновое изображение

background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);
abdullah

Ответы похожие на “Линейное градиент CSS фоновое изображение”

Вопросы похожие на “Линейное градиент CSS фоновое изображение”

Больше похожих ответов на “Линейное градиент CSS фоновое изображение” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования