我正在尝试做这样的事情:
我认为可以使用背景图像和其上方的另一个图像(蒙版)以透明中心完成.但是有可能用纯css做同样的事情吗?
最佳答案
虽然您无法将框阴影直接应用于图像,但您可以将其应用于:before或:after
CSS
.shadow
{
display:block;
position:relative;
}
img {
width: 100%;
height: 100%;
}
.shadow:before
{
display:block;
content:'';
position:absolute;
width:100%;
height:100%;
-moz-Box-shadow:inset 0px 0px 3px 1px rgba(0,1);
-webkit-Box-shadow:inset 0px 0px 3px 1px rgba(0,1);
Box-shadow:inset 0px 0px 3px 1px rgba(0,1);
}
原文链接:https://www.f2er.com/css/427604.html