Как сделать такие эффекты только на css?

Если попиксельная точность не нужна, то добавить тень можно дописав к вашему коду что-то вроде:

div:after {
  content:"";
  position: absolute;
  display:block;
  width:240px;
  height:40px;
  background-color: transparent;  
  margin-left:-18px;
  box-shadow: 1px 50px 20px -9px rgba(50, 50, 50, 0.76);
  border-radius: 50px;
}