Задать вопрос
@VasECHKA
html

Как сверстать карточку товара без верхнего уголка?

Как сверстать такую карточку товара?
5d8dd28164d26241115109.png
  • Вопрос задан
  • 188 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 2
Eridani
@Eridani
Мимо проходил
Как сделать фаску на div блоке?
Ответ написан
Комментировать
Комментировать
hisbvdis
@hisbvdis
Как сверстать карточку товара без верхнего уголка?

Если не нужен IE и Edge, то через Clip-path.
Если нужен IE и Edge, то как-то так.
Левый нижний и правый верхний уголки не идеальные, но зато решение без усложнений

Результат:
https://codepen.io/hisbvdis/pen/KKPYGeK
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать программу иммитирующую поведение человека для выбора услуг
20 апр. 2024, в 00:08
10000 руб./за проект
Разработать мобильное приложение android "справочник студента"
20 апр. 2024, в 00:01
4000 руб./за проект
[python,go] Залить ВИДЕО в тикток
19 апр. 2024, в 23:00
5000 руб./за проект
Ещё заказы