jQuery CSS3文字标题动画效果

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

 3851  38  查看评论 (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>


相关插件-动画效果

html5 SVG绘图动画

html5 SVG绘图动画制作页面加载loading绘图动画效果
  动画效果
 5595  66

jQuery旋转插件jqueryrotate

今天介绍一款 jQuery 插件jqueryrotate,它可以实现旋转效果。jqueryrotate 支持所有主流浏览器,包括 IE6。如果你想在低版本的 IE 中实现旋转效果,那么 jqueryrotate 是一个很好的选择。
  动画效果
 22528  69

CSS3实现色彩喷泉

CSS3实现色彩喷泉
  动画效果
 11508  102

css3动画库

自己收藏的一些动画效果
  动画效果
 22674  119

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

取消回复