在實現設計效果中，我們常常需要使用模糊效果來使界面更加豐富。在 CSS 中，我們可以通過周邊模糊屬性實現這一效果。

/* 設置水平模糊半徑為 5 像素 */
blur:blur(5px);
/* 設置垂直模糊半徑為 5 像素 */
blur:blur(0px 5px);
/* 設置水平和垂直模糊半徑均為 5 像素 */
blur:blur(5px 5px);
/* 同時設置水平和垂直模糊半徑，以及拓展半徑為 5 像素 */
blur:blur(5px 5px 5px);

進行周邊模糊時，我們可以通過傳遞參數來指定水平和垂直方向的模糊半徑，或者同時設定垂直和水平方向的半徑。通過增加額外參數，我們還可以拓展半徑。除此之外，我們還可以使用 box-shadow 屬性實現周邊模糊效果。

/* 周邊 5 像素模糊 */
box-shadow: 0 0 5px rgba(0,0,0,.5);

與 blur 屬性不同，我們需要定義偏移量和模糊半徑和色彩，習慣上我們使用 rgba() 來設置顏色和透明度。實際上，通過 box-shadow 呈現出來的模糊效果比較柔和，更加符合某些場景的要求。

總之，通過使用周邊模糊屬性，我們可以很方便地實現模糊效果，創造出更加豐富的設計效果。