=========================


translate    转变



transform  变换 改变


=========================

一次性区分

=========================

<!DOCTYPE html>
<html>
<head>
<style> 
div{
   width:100px;
   height:100px;
   background:DarkCyan;
   transition:transform 3s;
}
div:hover{
   transform:translate(30px,30px);
}
</style>
</head>
<body>
<div></div>
</body>
</html>