首页 >web前端 >js教程 >2014 HTML5/CSS3热门动画特效TOP10_jquery

2014 HTML5/CSS3热门动画特效TOP10_jquery

WBOY
WBOY原创
2016-05-16 16:28:461251浏览

1.HTML5+CSS3实现的模拟真人奔跑动画特效

今天要分享一款很酷的模拟真人奔跑动画,它主要是利用HTML5/CSS3技术结合多张图片的切换来实现的。这款HTML5动画的逼真之处在于人物在奔跑的时候很有节奏感,而且有人物的投影。更重要的是当人物跑的越来越近是,人物的大小也会随之变大。很像一个小男孩从远处跑过来。

在线演示

源码下载

2.jQuery实现的四款支持不同自定义图片切换的焦点图插件特效

jQuery实现的四款支持不同自定义图片切换的焦点图插件特效源码L_slide.js,是一段可以实现自定义图片切换的焦点图动画特效代码,本段代码中包含四款焦点图切换效果。

在线演示

源码下载

3.HTML5实现的超酷笔刷画图动画特效

今天我们要分享一款超酷的HTML5笔刷动画,我们可以选择不同的笔刷形状,共有5种不同的形状可供大家选择,笔刷在画布上移动时就会播放非常绚丽的动画效果。且动画的颜色还会随时间渐变。

在线演示

源码下载

4.JS实现的原生态焦点图轮播带左右按钮动画

JS实现的原生态焦点图轮播带左右按钮动画特效源码,是一段非常适合在任意网站网页中使用的焦点图轮播代码,该代码由原生态JS组成,不仅带有左右点击按钮,同时在图片中下方还可以点击圆点选择观看图片。

在线演示

源码下载

5.jquery实现的相册列表鼠标滑过翻牌显示文字动画

jquery实现的相册列表鼠标滑过翻牌显示文字动画特效源码,是一段可以实现鼠标滑过悬停时图片时,图片翻牌动画显示文字的特效代码。

在线演示

源码下载

6.div+css实现相册列表鼠标经过下方弹出文字说明动态

div+css实现相册列表鼠标经过下方弹出文字说明动态特效源码,是一段依靠纯DIV+CSS实现的代码,本款代码实现了,鼠标悬停图片时,图片缩小并在图片下方弹出相关文字说明。

在线演示

源码下载

7.jquery实现的通栏全屏带缩略图和左右箭头切换的焦点图

jquery实现的通栏全屏带缩略图和左右箭头切换的焦点图特效源码,是一款可以实现全屏横向带缩略图及左右箭头切换功能的焦点图代码,需要此段代码的朋友们可以前来下载使用。

在线演示

源码下载

8.使用canvas绘制超炫时钟

HTML5 Canvas相当于一个画板,你可以在Canvas绘制任意的东西,今天要分享一款利用HTML5 Canvas绘制的超炫时钟的方法及代码,非常的漂亮,这里推荐给大家

在线演示

源码下载

9.CSS3实现的3D侧躺菜单特效

今天我们来分享一款CSS3实现的3D菜单特效,这款3D菜单的特点是它侧躺在页面上,展开子菜单时也有漂亮的动画,并且子菜单也呈现3D的效果,大家可以下载这款菜单的源码学习研究。

在线演示

源码下载

10.Animate.css拥有多款文字特效的css3动画库

Animate.css拥有多款文字特效的css3动画库效果源码,是一段拥有数十款文字特效的css3动画库代码,在这里我们可以对文字进行选择要加载的动画特效。

在线演示

源码下载

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn