Rotating on the X-axis

Tutorials of (Rotating on the x-axis) by Moaz eldefrawy

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Rotating on the X-axis</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate3d -->

<p>foo</p>
<p class="transformed">bar</p>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
p { 
  width: 50px;
  height: 50px;
  background-color: teal;
}

.transformed{
  transform: rotate3d(0,1,0,30deg);
  background-color: orange;
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( Rotating on the X-axis ) is write by Moaz Eldefrawy, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Moaz Eldefrawy