類似這種的投影都屬于彌散投影，那彌散投影怎么做呢？如下：

1.新手朋友們一定要記住，如果要做彌散陰影，先別畫直角矩形，稍微幾像素的圓角或直接畫圓角矩形，這樣做出來的效果會比較好，如圖，畫個圓角矩形

2.現(xiàn)在以圓角矩形按鈕來說明步驟，先畫個300*150的圓角矩形，我填充的顏色值是#ff4683，得到一個圓角矩形，寫上彌散陰影，說明我們是在操作這個彌散陰影練習(xí)的

3.復(fù)制一個剛畫的圓角矩形，復(fù)制方法可以是ctrl+j快捷鍵，也可以是其它的，就是一定要復(fù)制一個就對了。復(fù)制完之后，將第2個圓角矩形縮小一定比例，我縮小的是10%。

4.接下來，調(diào)整2個圓角矩形的位置，從原位置下移10px左右就可以了，具體的看你的圖形大小來調(diào)合適位移。位置如圖

5.然后需要調(diào)整不透明度，我設(shè)置的是40%，再羽化一下，我的羽化值是8px。數(shù)值的話僅僅作為參考，一定要根據(jù)自己的圖形大小來具體調(diào)整的。

6.記得要把第2個圓角矩形移到第1個下方的啊，另外，還想追求更進(jìn)一步的話，可以再加上1px的白色的投影，使圖形更精致

7.彌散陰影的簡單使用就完成了，不過彌散陰影還有很多其它的用處的，感興趣的話可以自己多嘗試一下，很多時候都會有驚喜的效果的。(注：陰影不要亂用啊，一個界面1到2個點到就好了呢，要不然界面會變得臟臟的)

總結(jié)

以上是生活随笔為你收集整理的弥散阴影html,弥漫投影的制作（也叫弥散投影）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。