精选7款绚丽的HTML5和jQuery图片动画特效

y
 yykj
发布于 2012年11月14日
收藏 275

在HTML5出现后,图片就变得更加富有动感了,各种图片动画特效也层出不穷,例如图片播放器、图片导航、3D图片动画等等。本文将精选几款具有代表性的HTML5和jQuery图片动画特效,绚丽的画面、实用的代码相信能给各位WEB前端爱好者带来帮助,希望大家会喜欢。

1、HTML5图片像素特效

这是一个神奇的图片特效,图片被分割成1像素,就像沙子一样,很酷。

在线演示

2、HTML5图片自动归类效果

非常精美的作品集展示效果,导航切换的时候图片会自动归类。

在线演示 / 源码下载

3、HTML5和jQuery打造的3D相册

这是一款基于HTML5和jQuery的精美3D相册,让你的相片富有立体的播放效果。

在线演示 / 源码下载

4、Circular Content

图片循环播放,支持鼠标滚轮。

在线演示 / 源码下载

5、CSS3人物行走动画

这是一个用纯CSS3实现的人物行走动画,亮点哦。

在线演示

6、20多种图片鼠标滑过效果

下面有20几种图片鼠标滑过效果,非常绚丽,而且可以非常轻松地应用到你的项目中去。

在线演示 / 源码下载

7、Image Wall

基于CSS3和jQuery的相片墙,非常酷。

在线演示 / 源码下载

以上就是7款典型而酷的HTML5和jQuery图片特效,希望大家会喜欢。

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:精选7款绚丽的HTML5和jQuery图片动画特效
加载中

最新评论(19

liuweihug
liuweihug

ECharts教程--基于力导向布局图功能更完善的人物关系图插件扩展开发(1) - Jquery/Jquery Mobile
http://www.suchso.com/Jquery-JqueryMobile/echarts-jiaochegn-forcechart-tuozhai-gundongtiao-click-tip1.html

南湖船老大
南湖船老大
至少到目前为止,HTML5=CPU性能测试软件,再强悍的CPU和浏览器都得跪在HTML5前面。。。
mahone
mahone

引用来自“树相马”的评论

引用来自“coldg”的评论

第一个firefox有点卡,chrome卡的不能玩了,猎豹无压力

谷歌玩全卡的一逼啊。。。。猎豹巨快。。

猎豹垃圾。。本来因为chrome收藏家同步不过来,想好好试试猎豹,结果我公司页面都打不开。。。然后就不用了。。。
LeeNux
LeeNux
看看新鲜啊…在中国估计用不上了
ellan
ellan
mark
树相马
树相马

引用来自“coldg”的评论

第一个firefox有点卡,chrome卡的不能玩了,猎豹无压力

谷歌玩全卡的一逼啊。。。。猎豹巨快。。
coldg
coldg
第一个firefox有点卡,chrome卡的不能玩了,猎豹无压力
懵懂一时
懵懂一时
IE8及以下 完全无视....
返回顶部
顶部