jQuery CSS3文字标题动画效果

所属分类:其他-动画效果

 32246  386  查看评论 (0)
分享到微信朋友圈
X
jQuery CSS3文字标题动画效果 ie兼容10

使用方法:

1、HTML代码

<section class="cd-intro">
    <h1 class="cd-headline push">
        <span>My favourite food is</span>
        <span class="cd-words-wrapper">
            <b class="is-visible">pizza</b>
            <b>sushi</b>
            <b>steak</b>
        </span>
    </h1>
</section> <!-- cd-intro -->

2、为h1标签加上不同的类代表不同的效果例如pushscale, rotate-3

3、 引入js库

<script src="js/jquery-2.1.1.js"></script>
<script src="js/main.js"></script>


相关插件-动画效果

html5浪漫粒子表白

html5粒子效果浪漫表白特效
  动画效果
 71850  384

svg可爱的变色龙动画

鼠标跟随svg可爱的变色龙动画
  动画效果
 28189  388

bezie curve 曲线动画

bezie curve 曲线动画
  动画效果
 33472  417

基于Three.js 3d波浪墙

Three.js波浪墙,3D效果
  动画效果
 54284  611

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复