如何在缩放动画期间保持中心原点
当使用 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中文网其他相关文章！
