我正在研究一个将图像从开始位置+比例转换到结束位置+比例（即填满屏幕）的组件。这是通过translate和scale上的CSS变换动画完成的。
挑战在于，部分用户可能会使用object-fit属性更改某些要转换的图像。但是，似乎CSS translate在翻译期间未保留object-fit属性。
Codepen示例：https://codepen.io/cathyxz/pen/mXgEMB
我知道我可以在技术上为width和height制作动画，但我希望与出于性能原因的浏览器animate cheaply保持一致，即不会影响布局，我们只有位置，旋转，比例，不透明度。
参考文献：https://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
无论如何，我可以逐渐动画转换为“unrop”图像而不是拉伸它们吗？