绝对震撼 7款HTML5动画应用及源码
来源:互联网 发布:淘宝店铺大图轮播代码 编辑:程序博客网 时间:2024/05/19 09:16
今天又要来推荐一款HTML5 Canvas动画,是一个模拟衣服撕扯动画,效果非常逼真。刚开始衣服挂在绳子上,用鼠标拖拽衣服即可让衣服摆动起来,当你拖拽的很用力时,你会发现,衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力程度,从而来判断并实现衣服应该破损的程度,越用力,衣服被撕破的速度越快,赶紧来体验一下这个HTML5动画吧。
在线演示
源码下载
2、CSS3 3D 分页导航按钮
这是一款用 CSS3 实现的 3D 分页导航按钮,和之前分享的一些jQuery分页插件一样,这款CSS3 3D分页插件同样具有前和分页页码和数字页面,不同的是,这款分页插件的分页页码是一个个3D的导航按钮,样式十分新颖,不过需要CSS3支持。
在线演示
源码下载
3、HTML5 3D 卡片视频播放器 超立体视觉
这是一款基于HTML5的视频播放器,不过你一眼看上去,它并不像一款播放器,而是一张张3D立体的卡片,没有播放按钮,没有音量设置。不过它的特色就是把HTML5视频播放器嵌入到卡片里面,然后这些卡片可以和用户互动,并产生HTML5 3D的效果,非常不错的创意。点击卡片即可播放视频。
在线演示
源码下载
4、HTML5粘浏览器的小泥块 超级可爱动画
这款HTML5动画非常可爱,动画的主角是一款粘人的小泥块,用鼠标拖动泥块,泥块即可粘住浏览器,让后一点点掉落下来。而完成这样的HTML5动画,我们只需一张图片和一系列CSS3代码即可。虽然这款动画实用性并不强,但是其中的HTML5原理值得大家学习。
在线演示
源码下载
jQuery/CSS3带当前时间的日历插件
网页上日历插件应用非常广泛,尤其是在个人空间和博客上,就需要更多个性化的日历插件了。这款jQuery/CSS3日历插件应该说还是蛮具有个性化的,尤其是它带有当前时间的特点,这样除了星期、日期,你还可以看本地时间,功能十分强大的jQuery日历插件。
在线演示
源码下载
6、CSS3垂直进度条动画 数字百分比显示
这次我们要来分享一款CSS3进度条动画,这款进度条是垂直放置的,在进度加载的时候,进度条的背景会出现一个快速移动的箭头动画,并且随着进度条的移动,数字百分比也将随着进度实时更新,直至进度完成,完成后进度条颜色由红色编程绿色。
在线演示
源码下载
7、HTML5 Canvas 3D 倒计时爆炸特效
今天要分享的这款 HTML5 3D 动画特效非常给力,它是一个基于Canvas 的倒计时爆炸效果,随着时间的走动,时间数字傍边就会有爆炸的特效,一群像素点就会在数字中心爆发出来,感觉非常酷。而且应用了 HTML5 的 3D 特性,让整一个时钟显得非常有立体感。
在线演示
源码下载
本文固定链接: http://www.i7758.com/archives/1258.html
- 绝对震撼 7款HTML5动画应用及源码
- 绝对震撼 7款HTML5动画应用及源码
- 绝对震撼 7款HTML5动画应用及源码
- 超酷震撼 HTML5/CSS3动画应用及源码
- 8款强大的CSS3/HTML5动画及应用源码
- 8款强大的CSS3/HTML5动画及应用源码
- 7款超酷HTML5 3D动画精选应用及源码
- 7款经典炫酷的HTML5/jQuery动画应用示例及源码
- 8个超震撼的HTML5和纯CSS3动画源码
- 8个超震撼的HTML5和纯CSS3动画源码
- 精妙无比 8款HTML5动画实例及源码
- 精妙无比 8款HTML5动画实例及源码
- 16款最佳HTML5超酷动画演示及源码
- 绝对震撼 10个实用的jQuery/HTML5插件
- [HTML5&CSS3]20 个酷炫 应用及源码
- 7 款令人赞叹的 HTML5 动画应用
- 8款HTML5动画特效推荐源码
- 8个超炫酷的HTML5动画演示及源码
- 使用com.alibaba.fastjson.JSONObject构造简单的JSON数据
- 9款让你眼前一亮的HTML5/CSS3示例及源码
- 分享9款用HTML5/CSS3制作的动物人物动画
- 10款强大的jQuery/HTML5应用新鲜出炉
- 8款超酷而实用的CSS3按钮动画
- 绝对震撼 7款HTML5动画应用及源码
- 8款HTML5动画特效推荐源码
- 7款值得你心动的HTML5动画和游戏
- 不容错过的七个jQuery图片滑块插件
- 超赞值得一试的六款jQuery插件和CSS3应用
- 6款基于SVG的HTML5CSS3应用和动画
- 8款超酷体验的jQuery/CSS3应用插件
- 常用加密算法比较研究
- tomcat配置