# 濾鏡效果 [想要了解更多Mugeda功能？>>>猛戳我，學習更多教程](Mugeda百科全書——文本教程目錄.md) * * * * * 編輯地址： http://beta.mugeda.com/animation/edit/d76c44f6 演示地址：http://b13b5c18.u.mgd5.com/campaigns/509fedc14dcb68d851000007/20170506014321/590cb1728cd9465e6e6e5ba1/index.html 目前支持如下濾鏡： 1) 灰度 Grayscle 2) 亮度 Brightness 3) 對比度 Contrast 4) 飽和度 Saturation 5) 色調 Hue 6) 模糊 Blur 7) 陰影 Shadow 8) 泛黃做舊 Sepia 9) 負片 Invert 為了給元素添加濾鏡，選中元素后，在屬性面板選擇想要添加的濾鏡效果，然后點擊“+”圖標即可將指定的濾鏡效果添加到元素上。  根據需要，可以添加1個或者多個濾鏡效果。每一個添加的濾鏡都可以通過調節濾鏡參數來調整濾鏡的渲染效果。例如，模糊濾鏡可以調節模糊程度。其中，陰影濾鏡包含有多個參數，可以將鼠標移動到陰影效果上顯示參數并編輯。  如果不想要使用一個已經添加的濾鏡效果，可以通過對應的濾鏡效果右側的刪除按鈕移除。  濾鏡效果也支持動畫。即：在關鍵幀上添加的濾鏡效果，可以在關鍵幀動畫時進行插值，實現濾鏡效果的動畫渲染。在動畫插值過程中，如果某個關鍵幀上沒有添加指定的濾鏡，那么將會采用默認濾鏡效果參數進行插值。例如： 如果第1個關鍵幀添加了100%的灰度，而第2個關鍵幀沒有添加灰度濾鏡，那么在動畫過程中，第二個關鍵幀將會用默認灰度(0%)進行插值； 如果第2個關鍵幀添加了8像素的模糊，而第1個關鍵幀沒有添加灰度濾鏡，那么在動畫過程中，第二個關鍵幀將會用默認模糊(0像素，即沒有模糊）進行插值； 其它的以此類推。 目前濾鏡效果的局限是，由于安卓和iOS手機上僅支持CSS濾鏡，不支持Canvas濾鏡， 因此手機上需要用Canvas進行渲染的部分（例如遮罩和截屏）暫時不支持濾鏡，這一 點在使用中需要注意。 觀看本節視頻教程： http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03ec