Home           screen Rotate          screen Rotate          Screen Rotate          Run   
​x
 
<!DOCTYPE html>
<html lang="en">
<head>
  <title> CSS3 2D transform-origin </title> 
  <meta charset="UTF-8"> 
<style>
.move {
  background: purple;
  border-radius: 5px 50%;
  height: 100px;
  margin: 150px auto;
  transform-origin: left top;
  transition: transform 3s;
  width: 100px;
}
.move:hover {
  transform: rotate(500deg);
}
</style>
</head>
<body>
      <div class="move"></div>
</body>
</html>  
​