<div class="box">
  <div class="circle"></div>
</div>
.box {
  overflow: hidden;
  width: 200px;
  height: 200px;
  border: 3px solid blue;
  position: relative;
}

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: red;
  position: absolute;
  bottom: -50px;
  right: 20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.