Pinpoint (using rotate and border-botom-right-radius

by Konstantin Rouda

HTML

<div></div>

CSS

DIV {
  box-sizing: border-box;
  width: 150px; height: 150px;
  margin: 10% auto 0;
  background: rgb(50, 50, 50);
  border-radius: 50%;
  border-bottom-right-radius: 0;
  transform: rotate(45deg);
  box-shadow: 2px 0 4px rgba(0, 0, 0, .8);
}