CSS3 圖片羽化讓圖片的邊緣看起來更加柔和，更加美觀。要使用圖片羽化效果，我們需要借助CSS3中的box-shadow屬性。

img {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
border-radius: 50%;
}

在這個例子中，我們通過設置box-shadow的參數來控制圖片羽化的效果。前兩個參數是偏移量，用來指定投影的位置。第三個參數是模糊半徑，值越大，投影就越柔和。最后一個參數是陰影的顏色，這里我們使用了半透明的黑色。

同時，我們還通過border-radius屬性將圖片的邊框設置成了圓形，使整個圖片看起來更加美觀。

除了設置box-shadow屬性，也可以通過偽元素::before和::after來實現圖片羽化效果。

img {
position: relative;
border-radius: 50%;
}
img::before,
img::after {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border-radius: 50%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
z-index: -1;
}

在這個例子中，我們將img設置了相對定位，然后使用::before和::after偽元素來添加投影效果。通過設置偽元素的content屬性為空字符串，讓它們成為一個空的容器，再通過絕對定位和邊界盒大小來實現投影效果。

無論是通過box-shadow屬性還是偽元素實現圖片羽化效果，都能讓圖片看起來更加柔和美觀。