1、translate最大的优点,不会影响其他元素的位置
2、translate中的百分比单位是相对与自身元素的长宽而变化的。
translate:(100%,0);向右平移一个元素的宽度
后面移动的元素会盖着前面的元素
3、对行内标签没有效果
代码例子:
<style>
div{
width: 200px;
height: 200px;
}
div:first-child{
background-color: palegreen;
/* 1 */
transform: translate(50px,50px);
}
div:last-child{
background-color: plum;
/* 2 */
transform: translate(100%,0);
}
</style>
</head>
<body>
<div></div>
<div></div>
运行结果: