我在给多边形的右边框添加盒子阴影时遇到了问题,就像下面的图片一样:
我想在红线所示的位置添加阴影,如下图所示:
我通过以下方式使这个形状简单:
HTML:
<div class="shape">
....
</div>
CSS:
.shape {
background: url(img/1.jpg);
border-top: 400px solid transparent;
border-right: 40px solid #ffffff;
}
我没有使用clip-path,因为它与IE不兼容,而在Firefox和其他一些浏览器上需要进行一些额外的设置才能使其正常工作,我想保持简单,所以选择了简单的方法。但是我面临的问题是只使用CSS在右下角添加阴影。有没有解决方案?或者我必须使用clip-path才能在右下角添加阴影?
drop-shadow
滤镜,则应该可以获得所需的效果。 - CristianHG