3D hover文字特效

body {
  font-family: 'Source Sans Pro', Arial, sans-serif;
  background: #becccc;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  letter-spacing: -3px;
  padding:50px;
}

h2{
  font-size:100px;
  position:relative;
  font-weight: bold;
  cursor: pointer;
}

<h2>3d Hover Effect</h2>
<h2>设计达人网</h2>
<h2>animated</h2>
<h2>with multiple</h2>

$("h2").each(function(index, element){
  var animation = TweenMax.to(this, 0.2, {
    className: '+= superShadow',
    marginTop: '-10px',
    marginBottom: '10px',
    ease: Power1.easeIn,
    paused:true
  });
  element.animation = animation;
})