CSS变换vs位置

前端之家收集整理的这篇文章主要介绍了CSS变换vs位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有些人可以向我解释转移位置左或右属性或-transform:translateX(n)的区别,因为两者似乎都实现了同样的事情,可以独立应用。我了解硬件加速的可能性,但这取决于实现。
// psuedo code;

#Box {
    -transition-property: all;
    -transition-duration: 1s;
}

// javascript

Box.style.transform = "translateX(200px)";
vs
Box.style.left = "200px";

一个人的优势是什么?
谢谢,

p

解决方法

位置取决于位置的设置,从元素本身转换作品。所以你可以看到变换与位置相同:relative;

但是,您仍然可以在绝对定位的元素上使用transform(相对定位,而不需要额外的元素或使用边距),以及转换为CSS3,所以如果您可以使用position,那么应该。

猜你在找的CSS相关文章