平移
transform:translate(水平方向移动的距离,垂直方向移动的距离)
如果省略了第二个参数,默认为0
在使用translate()方法移动元素时,基点默认为元素中心点,然后根据指定的X坐标和Y坐标进行平移
transform: translate(400px,200px);
总结:
◆如果在translate()中设置一个值,那么代表当前元素是沿着水平方向移动,如果是正数则向右移动,反之向左移动。
◆如果在translate()中设置两个值,第一个值代表水平方向移动,第二个值代表垂直方向移动。
◆translate()中可以设置百分比,百分比是相对元素自己的宽度或者高度
应用:绝对定位的盒子居中显示
```java
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
.one{
width: 400px;
height: 40