弥散阴影html,弥漫投影的制作（也叫弥散投影）

类似这种的投影都属于弥散投影，那弥散投影怎么做呢？如下：

1.新手朋友们一定要记住，如果要做弥散阴影，先别画直角矩形，稍微几像素的圆角或直接画圆角矩形，这样做出来的效果会比较好，如图，画个圆角矩形

2.现在以圆角矩形按钮来说明步骤，先画个300*150的圆角矩形，我填充的颜色值是#ff4683，得到一个圆角矩形，写上弥散阴影，说明我们是在操作这个弥散阴影练习的

3.复制一个刚画的圆角矩形，复制方法可以是ctrl+j快捷键，也可以是其它的，就是一定要复制一个就对了。复制完之后，将第2个圆角矩形缩小一定比例，我缩小的是10%。

4.接下来，调整2个圆角矩形的位置，从原位置下移10px左右就可以了，具体的看你的图形大小来调合适位移。位置如图

5.然后需要调整不透明度，我设置的是40%，再羽化一下，我的羽化值是8px。数值的话仅仅作为参考，一定要根据自己的图形大小来具体调整的。

6.记得要把第2个圆角矩形移到第1个下方的啊，另外，还想追求更进一步的话，可以再加上1px的白色的投影，使图形更精致

7.弥散阴影的简单使用就完成了，不过弥散阴影还有很多其它的用处的，感兴趣的话可以自己多尝试一下，很多时候都会有惊喜的效果的。(注：阴影不要乱用啊，一个界面1到2个点到就好了呢，要不然界面会变得脏脏的)