Задать вопрос
  • Как сверстать адаптивный background-image?

    Alexufo
    @Alexufo
    противоречивый, сложный, весь компьютерный.
    Если символьный шрифт подключить? Тогда можно еще менять цвет картинок.

    1) Сделать картинки символьным шрифтом (или svg с фильтром тени) тогда примененный text-shadow c цветом фона даст плавный переход.

    2) Обернуть блок с картинками в див и ему применить box-shadow с цветом фона. Но тень будет по всем 4 сторонам.

    3) Залить блок вот таким градиентом. но тогда нужно на 100% растягивать блок с картинками по высоте.

    hVEFzvktkoZ0WJaYjcA.png
    background: linear-gradient( 90grad, rgba(32,124,202,0) 0%,rgba(32,124,202,1) 10%,rgba(32,124,202,1) 87%,rgba(32,124,202,0) 100%);


    https://jsfiddle.net/942r6udd/1/
    Ответ написан