03-3D效果

box-shadow

https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow

 div{
      /* 主要参数  X轴偏移量 Y轴偏移量 模糊半径 扩散半径 颜色*/
      box-shadow: 0px 0px 10px 10px red;
        
      /*box-shadow: 0px 0px 10px 10px red inset;*/

}

inset：如果没有指定inset，默认阴影在边框外，即阴影向外扩散； 

可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开

div{
 box-shadow:
         0px 0px 5px 5px #000,
         0px 0px 10px 10px red;
}

我最常用的配置，很好用

 div{
      box-shadow: 0 0 5px 1px #999;
}