css设置文字及盒子阴影

1、文字阴影

text-shadow: 水平偏移  垂直偏移 模糊度  颜色

多重——text-shadow:2px 2px 2px red,4px 4px 4px blue（可做火焰文字、霓虹文字）

凹凸文字：凹——右下白，左上黑；

　　　　　凸——右下黑，左上白

 

2、盒子阴影

box-shadow: 水平偏移  垂直偏移  模糊度 （外延值） 颜色

设置insert可向里面偏移，放在前后都可以（表内阴影）

最常见加阴影实现立体效果的方式：box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.7)

小米盒子效果：

 

img {

　　transition: all 1s

}

 

img:hover {

　　box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.6);

　　transform: translateY(-5px)

}