如何将 Box-Shadow 添加到 Clip-Path 对象？

众所周知，我们可以使用 CSS 的 Box-Shadow 属性来应用阴影，但是如果应用在
使用 CSS 的 Clip-Path()函数裁剪对象。

方法：

• 我们将创建两个 div，一个用于主，另一个用于剪裁形状。
• 然后我们将使用 drop-shadow()函数来应用阴影效果。

HTML代码：

1. 首先，创建一个 HTML 文件 (index.html)。
2. 现在，在创建我们的 HTML 文件之后，我们将使用
             
         

     
            

---

Style.css

.main_box{
  filter: drop-shadow(1.25em .75em 0px rgb(150, 223, 150));
 }
   
.img{
  border-radius: 1em;
  width: 15em;
  height: 15em;
  clip-path: polygon(75% 0%, 100% 50%,75% 100%,0% 100%,0% 0%);
  background-color: green;
 }

HTML