已阅读5页,还剩2页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
超级惊艳 10款HTML5动画特效推荐2014-07-04 09:52 超人 html5tricks 字号:T | T今天我们要来推荐 10 款超级惊艳的 HTML5 动画特效,有一些是基于 CSS3 和 jQuery 的,比较实用,特别是前几个 HTML5 动画,简直酷毙了,现在将它们分享给大家,也许你能用到这些 HTML5 动画和 jQuery 应用。AD: 2014WOT全球软件技术峰会北京站 课程视频发布 11月21日-22日 与WOT技术大会相约深圳 现在抢票 今天我们要来推荐 10 款超级惊艳的 HTML5 动画特效,有一些是基于 CSS3 和 jQuery 的,比较实用,特别是前几个 HTML5 动画,简直酷毙了,现在将它们分享给大家,也许你能用到这些 HTML5 动画和 jQuery 应用。1、HTML5 Canvas 发光 Loading 动画之前我们分享过很多基于 CSS3 的 Loading 动画效果,相信大家都很喜欢。今天我们要来分享一款基于 HTML5Canvas 的发光 Loading 加载动画特效。Loading 旋转图标是在 canvas 画布上绘制的,整个 loading 动画是发光 3D 的视觉效果,HTML5 非常强大。在线演示 源码下载2、jQuery 球状放大镜特效插件今天我们要来分享一款基于 jQuery 的放大镜特效插件,和其他放大镜不同的是,这款 jQuery 放大镜插件是球状的,看上去有 3D 的视觉效果。当你把鼠标滑过页面上的文字时,即会出现很酷的球状放大镜,来放大当前区域的文字。并且以球心为中心点向外文字逐渐变小,这就产生了立体感。在线演示 源码下载3、HTML5 Canvas 粒子模拟效果这是一款利用 HTML5Canvas 模拟出来的 30000 个粒子动画,当你用鼠标在 canvas 画布上移动时,鼠标周围的一些粒子就会跟着你移动,并形成一定的图案,就像你在玩沙画一样,效果非常不错。这里,我们应用了一些 HTML5 的特性,让这个粒子动画显得相当动感。在线演示 源码下载4、HTML5/CSS3 带区域地图的联系表单今天我们要来分享一款功能强大的 HTML5/CSS3 联系表单,它可以选中不同区域显示相应的地图,然后针对该区域填写联系表单。在线演示 源码下载5、CSS3 3D 立方体 Loading 加载动画特效之前我们分享过一些 HTML5 和 CSS3 的 3D 立方体特效,他们都是可以旋转来展示 3D 立体的效果。这次分享的这款 CSS3 3D 立方体确是用来做 Loading 加载动画的,9 个小立方体上下浮动,呈现波浪的效果,并且,这个 Loading 动画还利用了 CSS3 的阴影属性让这些立方体更充满 3D 色彩。在线演示 源码下载6、超具立体感的 CSS3 3D 菜单菜单项带小图标今天我们要再分享一款 CSS3 3D 立体菜单,这款菜单侧躺在页面上,每个菜单项都有不错的小图标。在线演示 源码下载7、基于 Bootstrap 和 CSS3 的响应式 UI 框架今天我们要来分享一组基于 Bootstrap 和 CSS3 的响应式 UI 框架,这个 UI 框架中,包含了自定义 CSS3 按钮、自定义 CSS3 复选框和单选框、自定义 CSS3 下拉框等等,外观非常漂亮。在线演示 源码下载8、纯 CSS3 立体动画菜单菜单项按下有内阴影这次小编来分享一款利用纯 CSS3 实现的立体动画菜单,该菜单的实现非常简单,并没有太多的特效渲染,但是看起来却非常干净漂亮,尤其配合灰黑色的背景,让菜单显得有点立体的感觉。另外,当我们点击菜单项时,菜单项将会出现内阴影的视觉效果。在线演示 源码下载9、HTML5 Canvas 动画按钮点击水波扩散效果之前我们分享的都是基于 CSS3 的自定义按钮,今天我们来分享一款基于 HTML5Canvas 的动画按钮,每一个按钮都是一个 canvas 画布,这就很灵活,你可以在 canvas 绘制任意你喜欢的东西作为按钮的背景画面,并且,还可以有动画特效。在线演示 源码下载10、CSS3/jQuery 实现 Tab 菜单小工具几天要分享一款基于 CSS3 和 jQuery 的 Tab 菜单,这款 Tab 菜单的外观非常简洁清新,tab 选项卡的上边框有加粗的线条,让这些 tab 菜单按钮显得很有立体感。另外有一点不足的是,tab 切换时没有加入 CSS3 动画效果。这款 tab 菜单可以放到你网页的侧边栏作为小工具。在线演示 源码下载以上就是 10 款超级惊艳的 HTML5 动画特效,欢迎收藏分享。本文链接:/10-wonderful-html5-animation.html本文作者:html5tricks 超人【编辑推荐】1. HTML5 WebSockets初探 2. 优秀的 HTML5 实战教程,提升你的综合
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 游戏运营时间进程表
- 2024年山东省淄博市博山区中考三模物理试卷+
- 用电信息采集系统相关行业投资方案
- 农副食品加工行业相关投资计划提议
- 样品制备产品相关行业投资方案
- 比较霸气的英文缩写
- 八年级下册物理期末考试模拟测试01(解析版)
- 017年中考语文病句修改题汇编附答案名师精心制作教学资料
- 013年高二学业水平考试化学(必修)复习资料
- 安全员安全述职报告7篇
- 2023年05月北京市大兴区公开招考社区工作者笔试题库含答案解析
- 2023年公卫执业医师实践技能考试电子书
- 解码国家安全知到章节答案智慧树2023年国际关系学院
- 小数位数相同的小数加减法
- 风雨中的狗尾巴草作文800字(优秀范文7篇)
- 设计服务方案设计方案
- 山东公司输电线路无人机巡检作业技能竞赛考试题库(全真题库)
- GB 5959.13-2008电热装置的安全第13部分:对具有爆炸性气氛的电热装置的特殊要求
- 公司矿用请假条
- New Bravo 洪恩国际少儿英语第6册-教学课件
- 最新主管中药师考试试题及参考答案
评论
0/150
提交评论