本文只涉及CSS濾鏡中的blur的使用方法，並包括了實例代碼和效果演示，希望通過這樣的方式讓CSS初學者快速了解如何使用blur濾鏡。固有表達式為：
filter:blur(add=true,direction=90,strength=25)
blur濾鏡一共有三個參數，下面來逐一說明：
Add：有兩個參數值：true和false。代表指定圖片是否被改變成模糊效果。
Direction：用來設置模糊的方向。一般是按照順時針方向。0度代表垂直向上，每45度一個單位，默認值是向左270度。blur屬性也可應用於網頁中的字體。
Strength：代表有多少寬度的像素將受到模糊影響初始值為5像素，可以自設。
下面來看一段示例，將blur濾鏡應用於文字：
1
<div style="filter: blur(add=true,direction=90,strength=25); width: 500px; height: 120px"><br><p style="line-height: 120px; font-family: 微軟雅黑; height: 120px; color: rgb(55,72,145); font-size: 72px">源碼愛好者</p>
此段代碼的運行效果：
源碼愛好者