title: CSS 3D Transforms
body: <p>I'm trying to create a 3D transform effect where a <code>&lt;div&gt;</code> folds into an airplane and flies off the screen. </p>
  
  <p>To achieve this, I'm now creating multiple <code>&lt;div&gt;</code> elements - one for each fold - and then applying CSS 3D transformations to each one to transform into a paper airplane and then key-framing the whole thing to fly off the screen.</p>
  
  <p>The issue is that I want to do the same on a div with user-inputted text on it  --- essentially I want the text in the div to fold too. There doesn't seem to be a way to do it using my method, because I'm splitting the page into divs for each fold... </p>
  
  <p>Anyone know of any other way to do this?</p>