@danilr

Как сделать такой фон хедеру с помощью css?

Довольно сложный header, не понимаю как сделать эту кривую линию снизу, хотелось бы с помощью чистого css.
Пробовал два метода - 1) полностью картинкой, но при изменении размера браузера - все едет. Загружает медленно, пока грузит - все ужасно смотрится.
2) Основную часть черным градиентом, а низ картинкой, background-position: bottom. Аналогично при изменении размера браузера ехало еще ужаснее, подбирать медиа запросами каждые 50 пикселей не варинт.

Есть знатоки css? Как сделать нормально, не хочется картинкой, нужно css. Если картинкой, то подскажите что и как обрезать и какие свойства, чтобы все подстраивалось под ширину экрана.
5d1b82e600149650971920.png
  • Вопрос задан
  • 318 просмотров
Пригласить эксперта
Ответы на вопрос 3
mk3mk
@mk3mk
занимаюсь вёрсткой (иногда)
@smoyke
HTML программист
Я бы не стал извращаться, а сделал фон картинкой, сжимайте картинки и грузиться они будут нормально, ну и ехать ниче не должно при ресайзе. Можно поиграться с background-position и background-size
Ответ написан
EPIDEMIASH
@EPIDEMIASH
Человек швейцарский нож
Вы хотите адаптивную? Или при просмотре с мобильных там просто будет бежевая полоса?
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы