JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<div class="stage">
  <div class="hangman hangman-group">
    <div class="head hangman-group">
    
    </div>
    <div class="hangman hangman-group">
    
    </div>
  </div>
</div>

CSS

html,body{
  height:100%;
  margin:0px;
}
.stage{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  perspective:500px;
  perspective-origin
}
.hangman-group{
  position:absolute;
  top:50%;
  left:50%;
  transform-style:preserve-3d;
}
.hangman{
  position:absolute;
  width:0px;
  overflow:visible;
  height:400px;
  margin-top:-200px;
  transform-origin:50% 60%;
}