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

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

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

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

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

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。