@Alexandr1996

Как сверстать такие элементы?

Ребят, подскажите, пожалуйста, как верстаются такие элементы, если это возможно?

Конпки:
60423e8c1a800243794067.png

Кнопки при наведении:

60423e99eb923525878824.png

Изображение:

60423eb49748c945257850.png

Изображение при наведении:

60423ec61e1d8501942560.png

Посмотрел в инете, ничего не нашел, даже если сверстать кнопку с помощью псевдоэлементов или использовать трансформации, то при наведении должен оставаться border а так не получается. на картинки при наведении накладывается градиент, думал через псевдоэлемент, но тогда градиент накладывается на весь блок с изображением и на скошенные угла тоже.
  • Вопрос задан
  • 123 просмотра
Пригласить эксперта
Ответы на вопрос 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Начните изучение с CSS clip-path
Ответ написан
Ваш ответ на вопрос

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

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