[Solved] div with rounded sides and pointy corners [closed]


like tv screen

#tv {
  position: relative;
  width: 200px;
  height: 150px;
  margin: 20px 0;
  background: red;
  border-radius: 50% / 10%;
  color: white;
  text-align: center;
  text-indent: .1em;
}
#tv:before {
  content: '';
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: -5%;
  left: -5%;
  background: inherit;
  border-radius: 5% / 50%;
}

FIDDLE: http://jsfiddle.net/arjun_chaudhary/LBaNY/

solved div with rounded sides and pointy corners [closed]