javascript - 这个效果该怎么做

查看：118 发布时间：2017/9/6 4:10:54 html javascript css

本文介绍了javascript - 这个效果该怎么做的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

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

用css 应该怎么出这个效果

解决方案

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

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

这篇关于javascript - 这个效果该怎么做的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文