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

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

#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 Линейный градиент

#grad {
  background-image: linear-gradient(to right, #f1b1b1 , #82e6e8);

}
rabbit.sol

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

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

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

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

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