.content .yudi{
   /*position: absolute;*/
   height: 6px;
   width: 4px;
   background: #ccc;
   opacity: 0;
   clip-path: ellipse(10% 30% at 50% 50%);
   /*transform: scale(6);*/
   animation: drops 1.2s cubic-bezier(0.54,0,0.18,0.34) infinite;
  }

这都设置了 为什么还是长方形的？