第八章 变形
transform:变换/变形
translate:移动
translate(X px,Y px);
移动
<style type="text/css">
div{
width: 200px;
height: 200px;
background: red;
margin: 100px auto;
/*过渡属性*/
transition: 1s;
}
div:hover{
/*transform:translateX(300px)*/
/*transform:translateY(300px)*/
/*transform:translate(300px,300px)*/
transform:translate(-300px,300px)
}
</style>
</head>
<body>
<div></div>
</body>