Как сделать фон на всю ширину с обрезанным углом (Макет предоставляю)?

ширина контейнера 1100 пикселей, нужно что бы даже при минимальной ширине, фон был обрезанный
0dc2d635960641f2ad52b35e2b50cb03.jpg
  • Вопрос задан
  • 6266 просмотров
Решения вопроса 1
GM2mars
@GM2mars
По моему самый оптимальный способ без гемора это с белыми треугольниками сверху и снизу, или же если всегда будет скрыта часть картинки, просто закрасить часть картинки белым.
Для особо изощренных дизайнеров, можно сделать родительский блок с оферфлов=хидден, в нем картинка и два белых блока поверх, которые css transform повернуты на некоторый угол. Один блок прижат к верху, другой к низу.
Ну такой способ как один из вариантов, и не является практичным.
Ответ написан
Пригласить эксперта
Ответы на вопрос 6
Playmore
@Playmore
Опытный разработчик
ох уж эти дизайнеры....))
можно положить поверх фона белую трапецию, сохраните под веб с индексными цветами, получиться очень маленькое изображение + это позволит сделать всякие эффекты типа параллакса
Ответ написан
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
А что мешает все картинками сделать?
Ответ написан
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
2 картинки треугольника. Одна для верха, вторая для низа. Сохраните их допустим в размере 1000(ширина)*100(высота), а стилями задайте ширину 100% высоту 100, ну и абсолютом по блокам раскидайте их.
Ответ написан
@PetrykDima Автор вопроса
при уменьшении монитора, треугольник большой по итогу, и начинает лесть в контент
Ответ написан
Alexufo
@Alexufo
противоречивый, сложный, весь компьютерный.
А у вас как сейчас получается, фон при уменьшении экрана выпрямляется?))
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы