jQuery和css3文字排版动画效果

当前位置:主页 > jQuery库 > 文本和超链接 > jQuery和css3文字排版动画效果
jQuery和css3文字排版动画效果
分享:

    插件介绍

    这是一款使用jQuery和css3制作的文字排版动画效果插件。该文字排版插件中共包含了7种效果:文字淡入淡出、文字烟雾效果、文字渐变效果、文字运动效果等等。

    浏览器兼容性

    浏览器兼容性
    时间:2014-11-13
    阅读:

简要教程

这是一款效果非常酷炫的jQuery和css3文字排版插件。大部分动画效果使用CSS3 animations和transitions完成。

插件中为了渲染单个字母的动画使用了Lettering.js

HTML结构

<div id="letter-container" class="letter-container">
	<h2><a href="#">Sun</a></h2>
</div>
    

以下是插件中的7种不同效果:

jQuery文字排版效果-1

jQuery文字排版效果-2

jQuery文字排版效果-3

jQuery文字排版效果-4

jQuery文字排版效果-5

jQuery文字排版效果-6

jQuery文字排版效果-7