CSS中，我們可以使用transform屬性來實(shí)現(xiàn)圖片根據(jù)中心放大的效果，以下是一個(gè)簡(jiǎn)單的示例：

HTML結(jié)構(gòu)：

<div class="container">
    <img class="zoom-image" src="path-to-your-image.jpg" alt="Zoom Image">
</div>

CSS樣式：

.container {
    position: relative;
    width: 200px; /* 你可以根據(jù)需要調(diào)整容器的大小 */
    height: 200px; /* 你可以根據(jù)需要調(diào)整容器的大小 */
}
.zoom-image {
    position: absolute;
    top: 50%; /* 將圖片垂直居中 */
    left: 50%; /* 將圖片水平居中 */
    transform: translate(-50%, -50%) scale(1); /* 將圖片根據(jù)中心放大，初始放大倍數(shù)為1 */
    transition: transform 0.3s ease; /* 添加一個(gè)漸變效果，使放大過程更加平滑 */
}

當(dāng)你將鼠標(biāo)懸停在圖片上時(shí)，圖片將根據(jù)中心放大，你可以根據(jù)需要調(diào)整容器的大小和圖片的初始放大倍數(shù)，我們還添加了一個(gè)漸變效果，使放大過程更加平滑，這只是一個(gè)簡(jiǎn)單的示例，你可以根據(jù)自己的需求進(jìn)行進(jìn)一步的定制和優(yōu)化。