在CSS中，我們可以使用一些技巧來實現圖片邊緣模糊效果。這種效果非常適用于一些卡通風格的網站設計，可以增加一些柔和感和親和力。

首先，我們需要在HTML中插入圖片，并為其設置一個類名。例如：

<img src="image.jpg" class="blurry">

接下來，在CSS中為這個類名添加樣式。我們可以使用filter屬性，其支持的blur值可以讓我們達到邊緣模糊的效果：

.blurry {
filter: blur(5px);
}

這里，5px是模糊效果的程度，我們可以根據需要進行調整。不過需要注意的是，邊緣模糊效果比較消耗性能，不宜設置得過高。

我們還可以進一步優化效果，使得模糊效果只作用于圖片邊緣，而非整張圖片。這可以通過設置一個偽元素來實現：

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

這里，我們為模糊元素設置了絕對定位，并使用z-index將其隱藏在圖片后面。然后，我們使用偽元素的content屬性來創建一個空元素，并為其設置和圖片一樣的背景。接著，我們將其top、left、right、bottom屬性均設置為-10px，讓其比圖片略大。最后，我們為其設置了blur(5px)的模糊效果。

這樣，我們就成功地實現了圖片邊緣模糊效果。