jQuery CSS3文字标题动画效果

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

 2123  26  查看评论 (0)
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>


相关插件-动画效果

jquery颜色动画插件jquery.colorAnimations.js

jquery颜色动画插件jquery.colorAnimations.jsjquery
  动画效果
 11589  8

纯CSS loader 特效

图片或内容太大,需要过多加载时间,可以添加等待加载的特效来提高用户体验
  动画效果
 7634  67

滚动动画

这是一个功能强大的工具,并且拥有非凡的能力滚动视差插件
  动画效果
 14250  44

jquery数字动画插件Animate Number

jQuery的数字动画插件,增加了“数”属性和阶跃函数jQuery的动画功能特性。
  动画效果
 17795  33

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

取消回复