Как разместить круг так, чтобы он целиком не был виден на странице

Question

Я сейчас пробую верстать figma макет. Дело в том, что я не понимаю как мне сверстать этот круг, который выходит за границы экрана.

Answer 1

.round{
position:absolute;
right:-50px;
top:-50px;
width:100px;
height:100px;
background:#fff;
border-radius:50%;
}

Answer 2

html
    <div class="circle"></div>

css
.circle{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: orange;
    position: absolute;
    bottom: 100px;
    left: -100px;
}

Answer 3

Вариант с фоновым градиентом:

body {
  background: radial-gradient(circle at 100px 100px, #ff4656 200px, black 201px) fixed;
}

БЛОГ НА HUSL

Как разместить круг так, чтобы он целиком не был виден на странице

Ответы (3 шт):