CSS3可以實現更加豐富的頁面動畫效果，其中一項常用的技術是在元素加載完成后顯示效果，以增加頁面的交互性和美觀性。下面我們來介紹一些常用的CSS3加載后顯示效果。

.fade-in {
opacity: 0;
animation: fadeIn 1s forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

以上代碼實現了一個簡單的淡入效果，使用了opacity屬性結合動畫animation實現。元素初始時設置不可見，動畫結束后設置為可見狀態。使用@keyframes關鍵字可以定義動畫的各個階段，這里定義了從不可見到可見的過程。

.slide-up {
transform: translateY(100%);
animation: slideUp 1s forwards;
}
@keyframes slideUp {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}

以上代碼實現了一個從底部滑動到頁面中央的效果。使用了transform屬性的translateY方法，將元素定位到頁面下方，然后通過動畫將元素向上移動到指定位置。同樣使用@keyframes定義動畫的過渡過程。

.zoom-in {
transform: scale(0);
animation: zoomIn 1s forwards;
}
@keyframes zoomIn {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}

以上代碼實現了一個由小到大的縮放效果。使用了transform屬性的scale方法，使用0表示元素初始時大小為0，然后通過動畫將元素逐漸放大到指定大小。同樣使用@keyframes定義動畫過渡過程。

以上三種效果均是通過CSS3實現加載后顯示的效果，可以應用到各類網站中，提升用戶體驗和頁面質感，值得多多嘗試。