关于变换(transform)与过渡(transition)与动画(animation)是否会改变自身以及其它元素在文档流中的布局

众所周知的是, 这两个属性都是用来改变元素的展示效果的属性, 但是其自身的展示效果会不会影响到其它的元素呢

 

1 关于transform:

　　经过测试, 这个变换, 不管是其包含的哪一种变换, 都只是简单的改变其在浏览器中的展示效果, 并不影响其实际(也就是原本)占用的空间位置和空间大小(即所占用的文档流)

2 关于transition:

　　过渡, 实际上和动画的原理是一样一样的, 都是通过改变元素的固有属性, 所以当然与文档流紧密相关了(感觉动画就是用来做更复杂更多的过渡的)

3 关于animation:

　　但是, 关于animation, 动画变换改变的是元素的固有属性, 即实际的宽高和其它位置和像素大小一类的东西, 与文档流紧密相关, 所以, 我们在做动画变换的时候一定要考虑到这一点, 否则会打乱其它元素的布局