众所周知的是, 这两个属性都是用来改变元素的展示效果的属性, 但是其自身的展示效果会不会影响到其它的元素呢
1 关于transform:
经过测试, 这个变换, 不管是其包含的哪一种变换, 都只是简单的改变其在浏览器中的展示效果, 并不影响其实际(也就是原本)占用的空间位置和空间大小(即所占用的文档流)
2 关于animation:
但是, 关于animation, 动画变换改变的是元素的固有属性, 即实际的宽高和其它位置和像素大小一类的东西, 与文档流紧密相关, 所以, 我们在做动画变换的时候一定要考虑到这一点, 否则会打乱其它元素的布局
关于变换(transform)与动画(animation)是否会改变自身以及其它元素在文档流中的布局
原文：https://www.cnblogs.com/longxingzhe/p/14284487.html