Html 通过透明对象（div）显示长方体阴影

我正在处理css3 3D页面，我想通过一个透明的div显示阴影，但我无法让它工作…
我不能使用span或任何东西，因为jquery动画需要它是同一个对象。

基本div样式：

#Div3{
        position:absolute;
        border:1px solid white;
        border-radius:10px;        
        transition: all 1s;
        background:transparent;
        pointer-events: none;
    }

一个位置+阴影+变换的临时类：

.P3{
        top:22.5%;
        bottom:25%;
        right:25%;
        height:55%;
        width:20%;
        margin-right:-10%;
        box-shadow:10px 0px 15px rgba(255,255,255,0.6);
        transform: perspective( 1000px ) rotateY( 330deg );
        -webkit-transform: perspective( 1000px ) rotateY( 330deg );
    }

结果：
背景设置为透明，但不会显示背景后面的框阴影，

• 长方体阴影是否仅为轮廓生成阴影 对象？
  
• 有没有一种方法可以使用css使其可见

---

我不知道为什么不适合你。方框阴影确实显示在透明背景上，如示例所示
也许您应该尝试将阴影放置在元素#Div3的第一个类定义上
}
示例：
他希望阴影（黑暗部分）也显示在轮廓的内部。也就是说，在轮廓的两侧都有阴影
也许这会有帮助：

filter: drop-shadow(0px 3px 3px rgba(0,0,0,1));

filter: drop-shadow(0px 3px 3px rgba(0,0,0,1));