CSS3 原地放大是一種常用的效果，特別適合用于鼠標懸停在圖片或者文本上時的動畫效果。下面我們來詳細了解一下如何使用 CSS3 實現原地放大效果。

.zoom {
transition: transform .2s; /* 添加過渡動畫 */
}
.zoom:hover {
transform: scale(1.1); /* 鼠標懸停時放大 1.1 倍 */
}

如上所示，我們首先為需要實現原地放大效果的元素添加類名 .zoom。接著，我們為 .zoom 類名添加過渡動畫效果，用于實現平滑的動畫效果。

在鼠標懸停時，我們為 .zoom:hover 添加 transform: scale(1.1); 屬性，將元素放大至原始大小的 1.1 倍。這樣，鼠標懸停上去時就會出現原地放大的動畫效果。

需要注意的是，這里我們使用了 CSS3 的 transform 屬性，而不是直接修改元素的 width 和 height 屬性，這有助于提高頁面性能和流暢度。

總的來說，CSS3 原地放大是一種簡單而實用的效果，適用于許多不同的網頁設計和交互場景。