Basic exampleSection

by csornmo

HTML

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

<div>Normal</div>
<div class="rotated">Rotated</div>

CSS

div {
  width: 80px;
  height: 80px;
  background-color: skyblue;
}

.rotated {
  transform: translateY(0) rotate(-25deg); /* Equal to rotateZ(45deg) */
  background-color: pink;
}