这个效果该怎么做

Question

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

用css 应该怎么出这个效果

Answer 1

box-shadow:-10px 0 10px red, /*左边阴影*/       10px 0 10px yellow, /*右边阴影*/       0 -10px 10px blue, /*顶部阴影*/       0 10px 10px green; /*底边阴影*/box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色