html - 通过透明对象显示框阴影(div)

Question

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

基本的 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 );
    }

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

• box-shadow 是否只为轮廓生成阴影对象？
  
• 有没有办法使用 css 使其可见？

Answer 1

他希望阴影(暗部)也显示在轮廓的内侧。即在轮廓的两边都有阴影。

也许这会有所帮助:

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