Задать вопрос
@Yevheniia_1
javascript

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

.img_services{
    border: 2px solid var(--main-color);
    border-radius: 50%;
    padding: 20px;
    background-origin:content-box;
}

Но рамка перекрывает изображение, пример на скрине 5c8a3da6c39af760843269.jpeg5c8a3dd4347ac275177878.jpeg
Подскажите пожалуйста
  • Вопрос задан
  • 5573 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
Garfields
@Garfields
Как вариант.
Ответ написан
3 комментария
3 комментария
@vardoLP
Ват ю сэй эбаут май мама?!
основной элемент без бордера, псевдоэлемент befor или after с бордером. Ну или overflow:hidden;
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
RUVATA
@RUVATA
Разработчик, гик, меломан, разгильдяй
можно "поиграться" с box-shadow
тень наружу и перекрытия не будет.
Довольно частый прием для нестандартных бордеров.
https://codepen.io/theroux/pen/mkoCd
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Написать видео сцену на unity с картой
26 апр. 2024, в 19:12
5000 руб./за проект
Ещё заказы