3d Acceleration of a DOM object

rotate3d

#user {
  @include rotate3d(0, 0, 0, 0);
  -webkit-animation: fade-moment-in .5s ease-out;
  header, section {
    margin:48px 0;
  }
  .avatar {
    float:left;
    margin-right:24px;
  }
  h1 {
    text-transform: capitalize;
    color: #333;
    font-weight:bold;
  }
  h2 {
    color: #959595;
    font-style: italic;
    font-weight:normal;
  }
  ul.auth {
    list-style-type:none;
    margin:0;
    li {
      line-height:24px;
      img {
        float:left;
        opacity:.4;
        &:hover {
          opacity:.8;
        }
      }
    }
  }
  .banner {
    height:528px;
    @include background-size(cover);
  }
}