JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="foo">Foo</div>

<div class="bar">Bar</div>

CSS

.foo, .bar {
  background-color: #00f6;
  margin: 1rem;
  padding: 1rem;
  display: inline-block;
}

.foo {
  transform: rotateX(45deg) rotateZ(45deg);
}

.bar {
  transform: rotateZ(45deg) rotateX(45deg);
}