我使用
我希望在该元素中添加“投影效果”。因此,我尝试了一些技术,如下所示:
clip-path
属性来裁剪我所在的块元素。clip-path: polygon(0 0, 100% 0, 100% 100px, 50% 100%, 0 100px);
我希望在该元素中添加“投影效果”。因此,我尝试了一些技术,如下所示:
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
或者...
filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.5));
CSS或SVG能实现吗?
clip-path: inset(0)
(仅作测试),box-shadow
仍然被隐藏。 - Caio Tarifainset
,@CaioTarifa,而不是clip-path
。您可以在元素上始终使用clip-path
,同时将其包装在具有position:relative
的相同父级内,并添加一个仅用于获取 box-shadow 效果的position:absolute
的svg
。 - tao