transform3

by rootjang

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>rotate</title>
  <style>
    .rotate1 {
      background: skyblue;
      width: 200px;
      height: 100px;
    }
    .rotate1:hover {
      transform: rotate(20deg);
    }
    .rotate3d {
      background: blue;
      margin: 10px;
      width: 200px;
      height: 100px;
    }
    .rotate3d:hover {
      transform: rotate3d(2.5, 1.2, -1.5, 45deg);
    }
  </style>
</head>
<body>
  <div class="origin">
    <div class="rotate1">
      <div class="box">
      </div>
    </div>
  </div>
  <div class="origin">
    <div class="rotate3d">
      <div class="box1">
      </div>
    </div>
  </div>
</body>
</html>