在框反射中添加模糊效果可能吗？

Question

我很好奇这是否可能。我正在使用一支笔，目前正在使用100个div复制其他100个div的反射。如果我可以在实际的框反射中添加模糊效果，那么我可以减轻让额外的100个div充当反射的作用。

我希望这是有道理的。 Here是CodePen，可在台式机上的Chrome中查看以取得最佳效果。不支持Firefox。

 -webkit-box-reflect: below -38px linear-gradient(0deg, rgba(
          255,
          255,
          255,
          0.5
        )
        0%, rgba(255, 255, 255, 0) 70%);