CSS中最常見的一個效果就是讓元素在顯示時近大遠小，這被稱為縮放或者透視效果。實現這個效果有多種方法，下面我們來一一介紹。

一、使用transform屬性

.transform {
transform: scale(1, 0.5); /* 水平方向不變，垂直方向縮放0.5 */
}

二、使用perspective和transform屬性

.perspective {
perspective: 800px; /* 定義透視點，這里設為800像素 */
transform: translateZ(-200px) scale(0.5); /* 將元素向內移動200像素再縮放為原來的一半 */
}

三、使用css3的scale()函數

.scale {
transform: scale(0.5); /* 直接使用scale函數縮放為原來的一半 */
}

四、使用animation屬性

@keyframes zoom {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
.zoom {
animation: zoom 2s; /* 定義縮放動畫，持續2秒鐘 */
}

以上四種方法都可以實現透視效果，選擇哪種方式取決于實際需求和使用場景。