@senchkim
Junior Frontend

Как сделать декоративный вид?

Добрый день)
Подскажите как сделать вот такую декоративную рамку при наведении вокруг основного элемента?
5e90601221ddd905233623.png
  • Вопрос задан
  • 85 просмотров
Решения вопроса 5
SilbO3
@SilbO3
React, JS
div {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 20px;
  background-color: red;
  border: 4px solid #fff;
  transition: box-shadow 0.2s;
}

div:hover {
   box-shadow: 0 0 0 3px green;
}
Ответ написан
HistoryART
@HistoryART
Молодой и дерзкий
<div class='circle'><div></div></div>

.circle {

   width: 60px;
   height: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #333;
   border-radius: 50%;

}

.circle div {

  width: 100%;
  height: 100%;
  background: green;
  border-radius: 50%;

}
Ответ написан
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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