CSS3 阴影效果

文字阴影

text-shadow 文本加阴影 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色; 

text-shadow: 5px 5px 5px #FF0000;

盒子阴影

box-shadow 块元素加阴影 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色;  
box-shadow: 5px 5px 5px  5px #888888; 外阴影
box-shadow:inset 10px 10px 5px #888888;内阴影
4边不同的阴影
box-shadow:-10px 0 10px red, /*左边阴影*/  
10px 0 10px yellow, /*右边阴影*/  
0 -10px 10px blue, /*顶部阴影*/  
0 10px 10px green; /*底边阴影*/  

原文地址:https://www.cnblogs.com/cxd1008/p/6395608.html