CSS3是一種強大的技術，它可以讓我們實現各種各樣的效果。其中一個流行的效果是縮小進入。

/* 縮小進入動畫 */
.zoom-in {
animation: zoom-in .4s cubic-bezier(0.42, 0, 0.21, 1) forwards;
transform-origin: center center;
}
/* 縮小進入動畫keyframes */
@keyframes zoom-in {
from {
transform: scale(0.5);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}

首先，我們需要創建一個CSS類名為zoom-in，它包含了動畫和變換的屬性。

在animation屬性中，我們定義了動畫的名稱和時間，以及緩動函數和動畫結束后保留最終狀態的關鍵字forwards。

在變換中，我們使用了transform-origin來定義變換的原點，這里我們使用了元素的中心。

接下來，我們定義了CSS關鍵幀keyframes。我們將縮小的大小設置為0.5，同時將元素的不透明度設置為0。

然后，在最后一個關鍵幀中，我們將縮放設置為1，同時將元素的不透明度設置為1。

一旦我們將類添加到元素中，它就會以縮小進入的動畫效果出現。