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;
})