AT
Сорри, наоборот
Size: a a a
2020 June 29
AT
calc(100%/12 *4)
N
Как лучше сверстать этот блок? Подложку бэкграундом?
AB
Nikita
Как лучше сверстать этот блок? Подложку бэкграундом?
Эт наверное блок с 8 значениями бордера и картинка абсолютом
N
Эт наверное блок с 8 значениями бордера и картинка абсолютом
а есть примеры таких блоков? В голову не приходит как верстать такую фигуру
AB
Nikita
а есть примеры таких блоков? В голову не приходит как верстать такую фигуру
AT
Эт наверное блок с 8 значениями бордера и картинка абсолютом
Картинка - это понятно. А как быть с несимметричным расположением скруглённых углов?
N
да, немного не подходит этот вариант. Проще бэкграундом картинку влепить, чем играть с псевдоэлементами
AB
эт не псевдо элемент это обычный бордер радиус к любому блоку применим
N
эт не псевдо элемент это обычный бордер радиус к любому блоку применим
я про то что через бордер-радиус не получится. Немного длинный вариант у меня. Только если псевдоэлемент треугольником делать и стыковать с квадратом
AT
Nikita
да, немного не подходит этот вариант. Проще бэкграундом картинку влепить, чем играть с псевдоэлементами
Можно правому верхнему, правому нижнему и левому нижнему сделать бордер-радиус. А верхний левый прикрыть бакграундной картинкой, соответствующей формы.
AT
А картинку, проще всего позиционированием, да.
N
Alexandr Tumanov
Можно правому верхнему, правому нижнему и левому нижнему сделать бордер-радиус. А верхний левый прикрыть бакграундной картинкой, соответствующей формы.
Решил просто сделать такой айтем, бэкграундом запихнуть розовую плашку и позиционировать справа. А img и content флексом разделить
N
так проще мне кажется
AT
Nikita
так проще мне кажется
😊
N
там просто ещё элементы есть в виде узоров и их будет трудно позиционировать. Дизайнер молодец. Экспорт выход считаю
AT
Nikita
там просто ещё элементы есть в виде узоров и их будет трудно позиционировать. Дизайнер молодец. Экспорт выход считаю
Теряешь возможность растягивать блок по высоте, при этом подходе.
AT
Проще наверное, но не экологично
N
хм. теперь я сомневаюсь