donpuh
@donpuh

Как сделать круговую обводку с отступом от элемента при наведении средствами CSS?

Собственно весь вопрос в теме. Скрин ниже (выделил красным).

6092a12caee85588292737.png
  • Вопрос задан
  • 369 просмотров
Решения вопроса 1
Один из вариантов - с помощью теней
Первая тень выступает в роли "отступа", вторая - в роли рамки.
https://codepen.io/hisbvdis/pen/XWMWWyQ

Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
tyoma_koder
@tyoma_koder
border с outline-offset
Ответ написан
@Forgetful
Можно добвить before элемент с opacity: 0 и с помощью class:hover::before изменить его на opacity: 1
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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