KEDRIA
@KEDRIA
Начинающий верстальщик

Запутался с блоком?

Ребят , то ли заработался и уже не соображаю или словил "тупняк" , но не могу разобраться с блоком.
В общем , вот картинка блока : 5d5590e4a0f6d714356201.jpeg
Что надо сделать: Для каждого элемента задать круг с бордером через псевдо , потом в этот круг добавить иконку тоже через псевдо , и чтобы в итоге круг с бордером , двигался отдельно от остальных кругов (у каждого элемента свой "свободный" круг) и при этом иконка не должна слетать при перемещении круга.
Или можете предложить свой вариант решения , десятки раз верстал такое , а тут ступор.
  • Вопрос задан
  • 178 просмотров
Решения вопроса 2
@aftar
Делаешь псевдо. Указываешь ширину, высоту, borer, radius...
Картинка там же через бэкграунд
Ответ написан
profesor08
@profesor08 Куратор тега CSS
ИМХО. Но применение псевдоэлементов тут лишнее. Разве что для иконок, в зависимости от того, каким образом они реализованы.
.circle {
  background-color: white;
  border: 4px solid orange;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  box-shadow: 0 0 0 4px lightgrey;
  margin: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
20 авг. 2019, в 12:31
500 руб./в час
20 авг. 2019, в 11:47
3000 руб./за проект
20 авг. 2019, в 11:35
3000 руб./за проект