在網頁設計中，CSS是一項非常重要的技術。在CSS中，有一種非常有趣的效果，就是擴散顯示效果。

擴散顯示效果可以讓文字或者圖片從中心擴散開來，逐漸顯示出來。這種效果通常被用在頁面的加載、動畫等場景中，可以讓用戶感受到頁面的動態感。

@-webkit-keyframes spread {
0% {
transform: scale(1);
opacity: 0.3;
}
100% {
transform: scale(100);
opacity: 0;
}
}
.spread-display {
-webkit-animation: spread 1s ease-in-out forwards;
animation: spread 1s ease-in-out forwards;
}

上面的代碼是實現擴散顯示效果的CSS。我們首先定義了一個名為spread的關鍵幀動畫，將其縮放比例從1逐漸放大到100，透明度從0.3逐漸降低到0，這樣就能夠實現擴散的效果。

接下來，在需要實現擴散顯示效果的地方，我們可以添加一個類名為spread-display的元素。在這個元素上，我們將動畫設置為spread，并設置動畫的持續時間為1秒，動畫的緩動效果為ease-in-out，并且告訴瀏覽器在動畫結束后保持最后一個關鍵幀的狀態，這樣才能保證擴散效果能一直顯示出來。

通過上面的代碼和解釋，我們可以很容易地實現一個擴散顯示效果，讓我們的網站更加生動有趣。