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)
}
原文:https://www.cnblogs.com/pyx-blog/p/13216172.html