花瓣灑落的效果非常優美，可以為網站增添一份浪漫和自然的感覺。下面是實現花瓣灑落的 CSS 代碼：

/* 添加花瓣圖片 */
body:before {
content: url('petals.png');
position: absolute;
z-index: -1;
animation: petals 15s linear infinite;
}
/* 花瓣飄落動畫 */
@keyframes petals {
0% { transform: translate(0, -100%); }
100% { transform: translate(0, 100%); }
}

在這個代碼中，我們為頁面的 body 前添加了一個偽元素，使用了名為 petals.png 的花瓣圖片。我們為其設置了絕對定位，并添加了一個 -1 的層級，以確保其不會遮擋其他元素。接下來，我們為其添加了一個 petals 動畫，使用線性函數，持續時間為 15 秒，并且設置了無限的循環次數。

在 petals 動畫中，我們將初始狀態設置為花瓣圖片最上方（即 -100%），并將結束狀態設置為花瓣圖片最下方（即 100%）。這樣就可以實現一種花瓣不斷飄落的效果。