如何在縮放動畫期間保持中心原點
當使用CSS3 動畫來縮放絕對位於另一個元素中心的元素時，生成的動畫可能會出現偏離中心的情況。造成這種差異的原因是動畫覆蓋了使元素居中的初始平移。
要解決此問題並確保原點在縮放動畫期間保持居中，至關重要的是：
更新範例：
@keyframes ripple_large {
0% {
transform: translate(-50%, -50%) scale(1);
}
75% {
transform: translate(-50%, -50%) scale(3);
opacity: 0.4;
}
100% {
transform: translate(-50%, -50%) scale(4);
opacity: 0;
}
}
.center-point {
transform: translate(-50%, -50%) scale(0);
}透過這些修改，縮放動畫將正確保持元素在父容器內的中心位置。
以上是如何在 CSS3 縮放動畫期間保持絕對定位元素居中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
