Shahid Shahid - 2 months ago 7
CSS Question

How can i draw inner radius in css?

Please help me out i want to make a div like thisenter image description here

Answer

The easiest method will be using a pseudo element. By absolutely positioning the :after element, you can get the desired effect.

.box {
  background: #000;
  width: 300px;
  height: 150px;
  position: relative;
}
.box:after {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #fff;
  right: -75px;
  bottom: -75px;
}
<div class="box"></div>

Comments