javascript - 这个效果该怎么做

Question

如图，这个立体效果， 用下边和 右边两条线就实现了 （这两条线的颜色是由内向外有渐变的） 用css 应该怎么出这个效果

PHP中文网 · Answer

box-shadow:-10px 0 10px red, /*左边阴影*/  
    10px 0 10px yellow, /*右边阴影*/  
    0 -10px 10px blue, /*顶部阴影*/  
    0 10px 10px green; /*底边阴影*/

box-shadow:阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色

高洛峰 · Answer

两个伪元素，一横一竖，弄背景渐变，绝对定位定好完事

Php8, I'm coming too