CSS中心旋轉放大常常被用來制作動態的網站效果，例如鼠標懸浮在圖片上時，圖片會放大并旋轉。下面是一個實現這樣效果的CSS代碼。

.box {
width: 200px;
height: 200px;
position: relative;
overflow: hidden;
}
.box img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
transition: all 0.3s ease-out;
}
.box:hover img {
transform: translate(-50%, -50%) scale(1.2) rotate(360deg);
}

首先，我們創建一個固定寬高的容器，并設置為相對定位，以便圖片的絕對定位可以相對于容器定位。容器設置為overflow:hidden可以隱藏圖片旋轉后內容超出容器的部分。

圖片通過絕對定位，并使用了transform屬性實現居中。而且，為了達到放大效果，我們設置了從原始1倍縮放到1.2倍的scale轉換，同時通過transition屬性指定變換的過渡效果，這里使用了0.3秒的時間，效果為ease-out緩動。

最后，在鼠標懸浮在容器上時，使用:hover偽類觸發圖片的變換。將scale轉換的值設置為1.2，圖片就會放大，同時使用rotate轉換實現360度的旋轉效果。

這樣，我們就完成了一個簡單的圖片放大旋轉的動態效果。通過調整CSS屬性值，您可以輕松地制作出更多形式豐富的動態效果。