我试图让一个“多云的透明边缘”到一个自举模态。这可能吗?
我试过这个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,它不起作用