梗概
- 默认是x轴向右, y轴向下, z轴向屏幕外面, 原点为基准点
- 坐标系是相对于html 标签自己的
- 不是绝对的, 坐标系会一起受到空间变换
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
body {
margin: 30px 50px;
height: 500px;
}
div {
width:100px;
height:100px;
background:red;
}
#red1 {
transform: rotate(45deg);
}
#red2 {
transform: rotate(45deg) translate(100px,100px);
}
</style>
</head>
<body>
<div id="red1"></div>
<div id="red2"></div>
</body>
</html>效果图
