2016-12-26 105 views
2

例如,如果我们想在50像素移动元件向上两个例子中上述类型的工作位置:相对于VS转换:翻译

实施例1

position: relative; 
top: -50px; 

实施例2

transform: translateY(-50px); 

你能解释一下在未来的行为或可能有些细微差别存在?

回答

2

实施例1

  • 将可以在正常情况下使用

  • 由几乎浏览器支持&不需要写为其他浏览器

实施例2

  • 可用于动画。使用变换,你可以在X,Y & Z位置
  • 有限公司浏览器可以支持使用延迟属性,你可以给动画转换属性
  • 旋转对象,如果旋转