8款超酷的HTML5 3D图片动画源码
来源:互联网 发布:三类医疗器械软件价格 编辑:程序博客网 时间:2024/05/14 14:27
8款超酷的HTML5 3D图片动画源码
1.HTML5移动端图片左右切换动画
今天要给大家分享一款很不错的图片左右切换焦点图动画,并且支持移动端触摸滑动。功能上,这款HTML5图片播放器支持鼠标滑动、手机端触摸滑动以及自动播放。外观上,这款HTML5图片切换动画的两侧有淡化处理,因此更显立体效果。
在线演示
源码下载
2.可爱的CSS3圆盘时钟动画
之前我们分享过一些基于CSS3和jQuery的圆盘时钟,比如纯CSS3实现圆盘时钟动画和HTML5/CSS3时尚的圆盘时钟动画。今天要分享的也是一款可爱的CSS3圆盘时钟动画,时钟背景是乳白色的,显得非常干净,另外,时钟也可以和你本地的时候保持同步。
在线演示
源码下载
3.CSS3 登录表单 个性化登录按钮
这是一款基于jQuery和CSS3的登录表单,登录表单的界面整体呈现扁平化风格,非常简洁和清新。当焦点在表单的输入字段上时,表单提示文字会出现一个小动画,同时这款CSS3登录表单的最大特点是其个性化的登录按钮,鼠标滑过也有不错的效果。
在线演示
源码下载
4.自适应jQuery焦点图插件 支持移动端触摸
今天我们要来分享一款很灵活的jQuery焦点图插件,和以前介绍的jQuery焦点图动画类似,它也提供左右切换按钮,同时在图片上悬浮自定义图片切换按钮。切换动画包括上下左右切入动画以及淡入淡出动画。这款jQuery焦点图最大的特点是支持移动端触摸功能。
在线演示
源码下载
5.CSS3 Sprite 技术实现僵尸行走动画
行走动画是CSS3动画的经典类型之一,今天要分享的这款CSS3僵尸行走动画与之前介绍的纯CSS3人物行走动画和纯CSS3实现大象走路动画不同,它是利用CSS Sprite技术实现的,也就是在同一张图片中绘制僵尸行走的每一帧,然后通过CSS3和JavaScript将这些帧播放,就形成了行走动画特效。
在线演示
源码下载
6.超炫酷的HTML5视频播放器 支持手机移动页面
之前我们介绍过不少基于HTML5的视频播放器和音频播放器,有些都非常有个性,比如这款HTML5卡带式古典播放器和超酷播放器UI界面的HTML5视频播放器。今天要分享的这款也是HTML5视频播放器,但它的特点是支持手机移动页面,播放器的尺寸可以自适应各种设备。
在线演示
源码下载
7.jQuery水平时间轴内容切换插件
之前我们分享过很多基于Tab形式的内容切换jQuery插件,效果比较好的比如HTML5 SVG Tab滑块菜单以及CSS3外观漂亮淡入淡出Tab菜单。今天要分享的jQuery插件也是内容切换功能,不过它的特点是切换按钮以水平时间轴的形式,很有创意。
在线演示
源码下载
8.jQuery循环流程图表 可动态新增节点
今天我们要来介绍一款比较特别的jQuery图表应用,它是一个环形的循环流程图表,图表中的每一个节点都由一个有向箭头互相连接,该图表的特点在于,你可以动态想图表中插入一个节点,有了这个功能,我们就可以让这个图表变得相当实用了。
在线演示
源码下载
- 8款超酷的HTML5 3D图片动画源码
- 8款超酷的HTML5 3D图片动画源码
- 7款超酷HTML5 3D动画精选应用及源码
- 8款帅酷的HTML5/CSS3 3D动画、图片、菜单应用
- HTML5(3D动画)
- 8个3D视觉效果的HTML5动画欣赏
- 8款效果惊艳的HTML5 3D动画
- 超给力的HTML5 3D动画欣赏及源码下载
- 9个超绚丽的HTML5 3D图片动画特效
- html5 学习-3d动画
- Html5 Canvas 3D 动画
- html5 动画(2D 3D)
- HTML5实习的3D的动画效果
- HTML5 CSS3 诱人的实例: 3D立方体旋转动画
- HTML5 CSS3 诱人的实例: 3D立方体旋转动画
- 8个超炫酷仿HTML5动画源码
- css3 html5 3D动画练习
- HTML5/jQuery动画应用 3D视觉效果
- uva 10570—— Meeting with Aliens
- Linux 学习第三周
- 聊聊百度联盟对SEO的影响
- BZOJ2738: 矩阵乘法
- 安卓开发之IPC机制
- 8款超酷的HTML5 3D图片动画源码
- linux下TCP编程示例(服务端/客户端)
- android中对sim卡联系人的增删改查以及监听sim卡联系数据的改变
- SDUT 数据结构实验之查找七:线性之哈希表
- 插入排序
- Android Activity生命周期 举例说明
- 实战ffmpeg2.8.3+X264的编译
- 常见的广告切换动画
- 虚拟化简单练习环境搭建(一)