css 样式-位移-基本使用

位移-基本使用
1、 transform: translate(x轴, y轴)，正值- 向右或者向下 负值-向左或者向上
2、注意：百分比 是相对于自己的百分比

/* 鼠标移入到父盒子，son改变位置 /
.father:hover .son {
/ transform: translate(100px, 50px); /
/ 百分比: 盒子自身尺寸的百分比 /
/ transform: translate(100%, 50%); /
/ transform: translate(-100%, 50%); /
/ 只给出一个值表示x轴移动距离 /
/ transform: translate(100px); */
transform: translateY(100px);
}