CSS3引入了很多新特性，例如媒體查詢、漸變、動畫等等。其中一個比較有趣的特性就是CSS實現模糊效果。模糊效果可以將圖片、文本等元素變得柔和，常用于美化設計或添加特效。而在CSS3中，模糊效果的實現更加簡單和方便。

.blur {
-webkit-filter: blur(5px);
filter: blur(5px);
}

上面的代碼實現了一個簡單的模糊效果，其中的blur(5px)是關鍵，它表示元素的模糊程度，數值越大，模糊程度越高。這段代碼不僅可以應用于圖片，也可以應用于文本等元素。

不過，有時候我們并不需要將整個元素模糊，而只需要將其中的某個部分模糊，這時候就需要用到CSS實現局部模糊。實現局部模糊的方法很簡單，只需在需要模糊的元素上，添加一個偽元素（:before 或 :after），對其進行模糊處理即可。

.blur {
position: relative;
}
.blur:before {
content: " ";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
background: inherit;
filter: blur(5px);
}

上面的代碼實現了一個在圖片的周圍模糊的效果。首先，需要將圖片的position屬性設置為relative。接著，在圖片上添加一個偽元素:before，并設置其position屬性為absolute，將其覆蓋在圖片上。然后，將其background屬性設置為inherit，這個屬性的作用是將偽元素和它所在的元素具有相同的背景。最后，將其filter屬性設置為blur(5px)，實現局部模糊的效果。

總之，CSS實現局部模糊的方法很簡單，只需要添加一個偽元素，對其進行模糊處理即可。可以按照自己的需要設置偽元素的大小、位置等屬性，實現不同的局部模糊效果。