div的多云透明边缘

时间:2017-09-03 02:40:45

标签: css twitter-bootstrap

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

我试过这个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,它不起作用

enter image description here

0 个答案:

没有答案