div的多云透明边缘

Question

我试图让一个“多云的透明边缘”到一个自举模态。这可能吗？

我试过这个CSS：

  .modal-content {
    border: none;
    outline: none;
    -webkit-box-shadow:
            5px 5px 10px 0 rgba(243, 156, 18, 0.1) inset,
            -5px -5px 10px 0 rgba(243, 156, 18, 0.1) inset;
    -moz-box-shadow:
            5px 5px 10px 0 rgba(243, 156, 18, 0.1) inset,
            -5px -5px 10px 0 rgba(243, 156, 18, 0.1) inset;
    -o-box-shadow:
            5px 5px 10px 0 rgba(243, 156, 18, 0.1) inset,
            -5px -5px 10px 0 rgba(243, 156, 18, 0.1) inset;
    box-shadow:
            5px 5px 10px 0 rgba(243, 156, 18, 0.1) inset,
            -5px -5px 10px 0 rgba(243, 156, 18, 0.1) inset;
  }

我想要的效果看起来就像下面的照片，模糊到透明，我希望它在div / bootstrap的方形边框上超过5px。

我的CSS实现了这种颜色，但我尝试使用不透明度的RGBA，它不起作用