CSS Box-Shadow

前言

写CSS还蛮常会用到阴影，使元素更具有立体感，今天就来认识一下阴影有什麽属性吧。

首先我们要先来设置阴影的方向，第一个参数负责控制水平方向，第二个参数控置垂直方向的阴影。

box-shadow: 0px 15px;

我们水平设为0，所以左右边不会出现阴影，
垂直方向设定为15px，当参数为正值时水平方向会在右边，垂直方向会在下面。

box-shadow: -15px 0;

再来我们可以设定阴影模糊，值越大越模糊。
第三个参数是设定阴影的。

box-shadow: -15px 0px 10px;

设定更大的值~

box-shadow: -15px 0px 50px;

我们还可以扩大阴影的范围。

box-shadow: -15px 0px 10px 10px;