@VBIFonics

Как сделать блоки нестандартной формы на CSS и/или JS?

Здравствуйте,

Верстаю Landing Page с дивами нестандартной формы. Всё бы ничего, да вот один косяк большой есть, стрелка со счётчиком при моём разрешении экрана выглядит нормально (position: relative и отступы по пикселям), а при любых других скачет в разные стороны (см. прикреплённые скриншоты). Я так понял, что это потому, что у меня эта самая форма блока реализована посредством фоновой картинки с прозрачностью, background-size установлен на cover, и поэтому высота немного изменяется.
Собственно, вопрос:
Как сделать эту самую форму без помощи фонового изображения, либо как спозиционировать эту стрелку так, чтобы она не "летала"?
d37853a68c39474b94cd8b894a2ff230.png4de76a2369914e40a677072424a98c81.png0a8c4eecea64469fb17c7b54df19abb0.png
  • Вопрос задан
  • 3439 просмотров
Пригласить эксперта
Ответы на вопрос 2
поставить фиксированный размер на блок с бекграундом и отпозиционировать его
Ответ написан
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
padding-left:100% не помогает?
Если - нет, заключите в доп. слой и укажите для него стили: width:100%; float:right
а уже внутри - сделайте верстку стрелки со счетчиком во внутреннем контейнере DIV...
Ответ написан
Ваш ответ на вопрос

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

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