Как реализовать круг с блуром?

Рейтинг: -4Ответов: 2Опубликовано: 19.07.2023

проблема именно в блуре..]]]]] проблема именно в блуре

css html
Источник: Stack Overflow на русском

Ответы

▲ 4Принят

Используйте свойство filter: blur()

.circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #0000FF;
  filter: blur(3rem);
  opacity: .6;
}
<div class="circle"></div>

▲ -1

Используй filter: blur(10px) или же backdrop-filter: blur(10px)