title: Merging CSS transforms
body: <p>I am trying to merge a few different CSS transforms on an H3 element. The initial transform is to rotate the text -45deg, while the second set is sliding and fading the element in place.</p>
  
  <pre><code>h3 {
      -webkit-transform: rotate(-45deg); // rotate text
      -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; // use when element is in view
  }
  
  // use when element is in view
  .about-trans {
      h3 {
          opacity: 0;
          -webkit-transform: translateY(-60px);
          -moz-transform: translateY(-60px);
          transform: translateY(-60px);
      }
  }
  </code></pre>