css - 是否有 css 可以淡化 div 的边缘？

Question

我想创建一个模式弹出窗口（用于移动设备），它将显示一条成功消息。

我目前正在为整个内容添加一个不透明的背面覆盖，使用

.overlay {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.4);
}

但我想知道是否有办法只淡化/覆盖屏幕边缘？像这样，但反过来：

Answer 1

有几种方法可以使用 CSS3 实现这种褪色样式。但最好同时应用Gradient Border和Inset Box Shadow的组合。您可能会对此Codepen 示例有更好的了解