CSS3原地放大是一種非常實用的效果，可以讓頁面元素在鼠標(biāo)懸停的時候放大，增加交互性和視覺效果。下面我們介紹如何實現(xiàn)這個效果。

首先，我們需要定義一個包含需要放大的元素的容器，并設(shè)置該容器的position屬性為relative，以便在元素放大后不會影響頁面布局。接下來，我們?yōu)槿萜鞫xhover偽類，設(shè)置transform屬性為scale(1.2)，即將元素放大20%。

具體的代碼如下：

.container {
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
}
.container:hover .element {
transform: scale(1.2);
transition: transform .3s ease-in-out;
}
.element {
width: 100%;
height: 100%;
background-color: #ccc;
transition: transform .3s ease-in-out;
}

上面的代碼中，容器的寬高為200px，超出部分將被隱藏。元素的寬高為100%，背景色為#ccc。當(dāng)鼠標(biāo)懸停在容器上時，元素將會被放大20%，并且過渡效果會在0.3秒內(nèi)發(fā)生，以實現(xiàn)平滑過渡。

需要注意的是，為了實現(xiàn)過渡效果，我們需要在元素的基礎(chǔ)樣式中加入transition屬性，并設(shè)置屬性名稱為transform，時間為0.3秒，緩動函數(shù)為ease-in-out。

至此，我們就實現(xiàn)了CSS3原地放大效果。如果需要修改放大比例，只需要修改容器的hover偽類中transform屬性的值即可。