css3應(yīng)用 如何將網(wǎng)頁CSS背景圖高斯模糊且全屏顯示?
如何將網(wǎng)頁CSS背景圖高斯模糊且全屏顯示?全屏非常簡單。CSS3支持后臺-尺寸:100%100%上線,高斯模糊,不是像IOS那樣的磨砂玻璃效果,發(fā)個教程給你參考http://www.wufangbo.
如何將網(wǎng)頁CSS背景圖高斯模糊且全屏顯示?
全屏非常簡單。CSS3支持后臺-尺寸:100%100%上線,高斯模糊,不是像IOS那樣的磨砂玻璃效果,發(fā)個教程給你參考http://www.wufangbo.com/css3-mo-hu-xiao-guo/當然,也可以直接用Photoshop設(shè)置,直接設(shè)置成模糊的背景圖片,建議用代碼設(shè)置,哪天要要換成其他的,不需要改變圖像,直接改變行上的代碼參數(shù)
高斯模糊和動態(tài)模糊的區(qū)別在PS軟件中,簡單的從使用效果來看,高斯模糊是純模糊的,虛擬的,減少了圖片的細節(jié)。
Gauss blur只有一個blur radius參數(shù):
如圖所示,在Gauss blur和原始圖像之間添加對比效果:
可以從名稱中看到運動模糊來模擬運動效果,這可以使運動和速度有意義。
動態(tài)模糊可以調(diào)整角度和距離參數(shù):
如圖所示,動態(tài)模糊和遮罩完成的效果:
PS軟件中高斯模糊和動態(tài)模糊的區(qū)別是什么,不同的用途是什么,完成的操作演示是什么。