3D hover文字特效

最新推荐文章于 2024-04-06 19:32:24 发布

weixin_33751566

最新推荐文章于 2024-04-06 19:32:24 发布

阅读量157

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/candy-Yao/p/7400562.html

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

转载于:https://www.cnblogs.com/candy-Yao/p/7400562.html