IgorBod
@IgorBod
Front-end Developer (Beginner)

Как лучше и проще реализовать нестандартной формы div?

Как лучше реализовать данный блок-карточку, учитывая то, что должна быть обводка всей нестандартной формы при наведении. Как это лучше реализовать?

5f10a1ff22e1a335001070.jpeg

Нагуглил (в том числе и здесь):

1: использовать clip-path (но как узнать координаты всей этой фигуры).
2: сделал отдельный SVG такой формы, но как задать ему обводку при наведении на весь блок?

Может есть какие-то еще варианты даже проще?

UPD: Смотрел это Как получить из SVG координаты для css clip-path? и Как придать необычную форму div средствами CSS?
  • Вопрос задан
  • 411 просмотров
Решения вопроса 1
RAX7
@RAX7
Псевдоэлементы + немного изврата на svg и радиальных градиентах
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@alalala
треугольники через before,after
Ответ написан
Ваш ответ на вопрос

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

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