使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
2012-08-13 13:41
295 查看
日期:2012-8-13 来源:GBin1.com
在线演示1 在线演示2 本地下载
在过去我们的文章中,我们介绍过很多不错的时间轴插件,使用这些超棒的插件可以帮助你创建动感漂亮的时间轴展示,其中比较不错的插件如下:
Timeline
Timelinr
TimergliderJS
Chronoline
使用以上jQuery插件或者类库都可以创建漂亮的时间轴timline特效。
由于在我们的gbtags.com社区开发中,我们需要创建一个简单实用的用户时间轴应用,这里我们选择使用Timelinr来开发,并且为了使得动画过程更加丰富和有趣我们同时使用Animate.css来创建各种不同的CSS动画特效。
需要使用到的第三方插件和CSS类库如下:
Timelinr
Animate.css
fixie.js
cufon.js
Timelinr是一个时间轴的jQuery插件实现,你可以方便的使用它来生成一个动态的时间轴特效,提供了垂直和水平显示方式,并且支持自动播放。
Animate.css是由Dan Eden开发的一套超棒的CSS动画类库,帮助你使用纯CSS来实现各种不同的动画特效。前面我们曾经专题介绍过Animate.css,如果你不了解,请阅读这篇文章:超棒的跨浏览器纯CSS动画实现 - Animate.css
fixie.js在我们以前的文章中介绍过,是一个自动帮助你填充内容的迷你类库,如果你厌倦了拷贝一堆内容的话,可以使用它来自动生成内容,个人非常喜欢,这里我将使用它来生成图片和文字内容。
......
标签:时间轴插件
来源:使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
在线演示1 在线演示2 本地下载
在过去我们的文章中,我们介绍过很多不错的时间轴插件,使用这些超棒的插件可以帮助你创建动感漂亮的时间轴展示,其中比较不错的插件如下:
Timeline
Timelinr
TimergliderJS
Chronoline
使用以上jQuery插件或者类库都可以创建漂亮的时间轴timline特效。
由于在我们的gbtags.com社区开发中,我们需要创建一个简单实用的用户时间轴应用,这里我们选择使用Timelinr来开发,并且为了使得动画过程更加丰富和有趣我们同时使用Animate.css来创建各种不同的CSS动画特效。
需要使用到的第三方插件和CSS类库如下:
Timelinr
Animate.css
fixie.js
cufon.js
Timelinr是一个时间轴的jQuery插件实现,你可以方便的使用它来生成一个动态的时间轴特效,提供了垂直和水平显示方式,并且支持自动播放。
Animate.css是由Dan Eden开发的一套超棒的CSS动画类库,帮助你使用纯CSS来实现各种不同的动画特效。前面我们曾经专题介绍过Animate.css,如果你不了解,请阅读这篇文章:超棒的跨浏览器纯CSS动画实现 - Animate.css
fixie.js在我们以前的文章中介绍过,是一个自动帮助你填充内容的迷你类库,如果你厌倦了拷贝一堆内容的话,可以使用它来自动生成内容,个人非常喜欢,这里我将使用它来生成图片和文字内容。
......
标签:时间轴插件
来源:使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
相关文章推荐
- 使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
- 使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
- 使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
- 使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
- 【翻译】我如何使用CSS来制作bitsofcode Logo动画
- Animate.css动画库的使用
- vue 和animate.css 的动画使用
- CSS动画:Transform中使用频繁的scale,rotate,translate动画
- Android进阶学习-一般动画(使用Animation封装特效工具类2)
- 基于Animate.css的jQuery动画特效插件
- QT动画特效类使用
- css3动画简介以及动画库animate.css的使用
- 使用CSS实现一个flash动画
- 程序员210行纯css代码制作日出动画特效
- 使用浏览器的开发者工具来检查 CSS 的动画性能
- Android进阶学习-一般动画(使用Animation封装特效工具类1)
- 23、使用jQuery实现动画效果(原理:改变CSS)
- 手势检测实现相册的左右滑动(并加上移动与旋转的特效) 首先,activity_main.xml里,使用ViewFlipper组件(可使用动画控制多个组件之间的切换效果) <?xml version="
- css实例教程 一款纯css3实现的超炫动画背画特效