使用 CSS 实现缩放动画：变换顺序很重要……有时

当你动画化 scale 时，目标的宽度和高度会在整个动画过程中线性变化(尽管，如前所述，可以应用缓动效果)。这感觉类似于相机缩放效果

在使用 CSS 实现缩放动画时，变换顺序非常重要。将 translate 放在前面可以避免 scale 作为其乘数，从而实现更自然的动画效果。通过调整 transform 属性的顺序和使用 calc 函数，可以获得理想的动画表现。

CSS scale translate 变换顺序 缩放动画
原文中文，约4300字，阅读约需11分钟。发表于：。
阅读原文
分享给好友