文章来自:源码在线https://www.shengli.me/css/176.html
很明显0=-0;所以box-shadow的模糊半径,扩张半径都为0的时候,我们得到跟元素大小相同的阴影,我们把它偏移出来;
得到如下结果:
box-shadow是可以设置多层的,也就是多层阴影,而且可以进行过渡变换动画(补间动画);
但是渐变背景是不能补间动画的。
下面来做下实例吧 :
用box-shadow:
用渐变实现:
但是box-shadow做完了也可以补间动画,而渐变就不能了。所以用box-shadow是最好的选择。