之前我们推荐了8款HTML5实现的特效和应用，今天我们带来的这9款热门的HTML5特效同样会带给你全新的视角和体验。

HTML5是HTML的升级版，HTML5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。今天我们推荐8款使用HTML5生成的特殊效果，希望可以对大家的使用带来帮助！

HTML5 3D 翻转展示幻灯-Banner

在线演示

社区会员big01042带来的特效，效果超炫！背景以纯白为主，3D全方位的旋转效果令人震撼，运用起来绝对是你页面的一大亮点！

一个不需要摄像装备在家也能实现的全景演示效果

在线演示         在线演示

首先感谢big01042提供的素材，再首先，提醒大家，此3D效果页面暂时需要基于WEBKIT并支持CSS 3D的浏览器来浏览。您可以使用最新的Safari或Chrome浏览器，或者iOS操作系统的设备(iPhone,iPad,iPod Touch)上的浏览器。

超级棒的3D全景效果，你只需要环绕一周，分别拍摄6张图，依次是B F R L U D六张图，它会借助JS生产一个六面的盒子，从而达到全景效果，如果你使用的是谷歌浏览器或者支持css 3D的浏览器，一定要点开看看这款特效！因为它实在是太棒了！！

Javascript--数学之美--敬佩

在线演示

大师给力之作-javascript讲述数学之美，所以说数学好才是真的好！感谢社区会员Rebornvip带来的分享！

canvas画的时钟

在线演示

由社区会员魅族乐乐带来的时钟效果，效果非常棒！感谢乐乐的分享！

HTML5画板实现的画图板效果

在线演示

如果你需要整合一个现成的HTML5画板的话， 这个drawingboard.js绝对是个不错的选择，支持颜色选择，undo，清除，画笔等等功能，相信你会喜欢的。

CanvasLoader Creator - 免费的在线工具，生成加载动画

在线演示

CanvasLoader 是一款免费的在线工具，可以帮助你生成加载动画的脚本，它生成的是自旋转的圆圈加载动画，脚本可以用在你的HTML5项目 中。它 可以进行一定的客制化，来生成你想要的加载动画，其中包括圆圈的半径，旋转速度，密度，颜色等属性。 你可以下载代码片段，也可以直接下载生成的html文件，应用在你的程序中。

动画SVG实现的超酷动态选择框效果

在线演示

一个CSS实现的动态多选框效果，相信如果能应用到项目中去，肯定非常的亮眼！

html5+css3实现的焦点图特效

在线演示

很有意思的一款特效，全方位旋转，还不赶紧收集回去，自己捉摸捉摸，也许你也会设计的更好！感谢社区会员非凡小子来稿！

html5+css3实现的焦点图特效

在线演示1   在线演示2

非常有趣的折叠效果，感谢社区会员非凡小子来稿！

本周推荐的9款HTML5实现的超酷特效，希望对大家有所帮助！欢迎加入极客标签，我们期待你的分享！

相关推荐：

原文来自：#极客标签周刊# - 9款HTML5实现的超酷特效

9款HTML5实现的超酷特效的更多相关文章

  1. 一款基于jQuery的超酷动画幻灯片

    今天给大家带来一款仿步步高vivo手机网站的一款首页焦点幻灯展示特效,带有超酷炫的动画特效,动态效果丝毫不逊色于flash动画,具有很强的视觉冲击力,推荐下载学习! 提示:兼容360.FireFox. ...

  2. 基于HTML5实现的超酷摄像头（HTML5 webcam）拍照功能 - photobooth.js

    在线演示 WebRTC可能是明年最受关注的HTML5标准了,Mozilla为此开发了一套帮助你控制硬件的API,例如,摄像头,麦克风,或者是加速表.你可以不依赖其它的插件来调用你需要的本机硬件设备. ...

  3. 超酷创意HTML5动画演示及代码

    HTML5是未来的网页开发神器,今天分享的这些HTML5动画大部分利用了CSS3的动画属性来实现,废话不多说,直接上演示和代码. HTML5/CSS3实现大风车旋转动画 这次我们要来分享一款很酷的HT ...

  4. 基于Bootstrap的超酷jQuery开关按钮插件

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAA2CAIAAAC0tsfoAAAB/0lEQVR4nO3bQWrCQBTGcc/mbVz0DD

  5. 【转】基于Bootstrap的超酷jQuery开关按钮插件

    基于Bootstrap的超酷jQuery开关按钮插件

  6. 8款超酷的HTML5 3D图片动画源码

    1.HTML5移动端图片左右切换动画 今天要给大家分享一款很不错的图片左右切换焦点图动画,并且支持移动端触摸滑动.功能上,这款HTML5图片播放器支持鼠标滑动.手机端触摸滑动以及自动播放.外观上,这款 ...

  7. 10款基于HTML5+CSS3实现的超酷源码动画

    1.基于Bootstrap的jQuery登录表单 这是一款基于Bootstrap的登录表单,表单的外观自然不用说,沿用了Bootstrap的风格,非常漂亮.这款登录表单有一个经过CSS3处理过的头像图 ...

  8. 7款超酷HTML5 3D动画精选应用及源码

    对以前来讲,3D动画拿到网页上展示是一件非常奢侈的事情,第一是浏览器不够先进,第二是大部分只能用flash实现伪3D.HTML5的出现,让实现网页3D动画变得非常简单,当然前提是你不要再使用像IE67 ...

  9. 16款最佳HTML5超酷动画演示及源码

    1.HTML5/CSS3图片选择动画 可选择多张图片 之前我们已经分享过几款很酷的HTML5图片特效,像HTML5 3D图片折叠特效.HTML5 3D旋转图片相册等应用.今天我们来分享一款既炫酷又实用 ...

随机推荐

  1. 【JAVAWEB学习笔记】网上商城实战4：订单模块

    今日任务 完成订单模块的功能 1.1      订单 模块的功能 1.1.1    我的订单: [我的订单的查询] * 在header.jsp中点击我的订单. * 提交到Servlet: * 获得用户 ...

  2. Am335x SD卡 启动制作

    1.网上下载DiskGenius(分区工具) 2.将4Gsd卡分区3个,boot,rootfs,user 3.boot分区大概在62M左右如图所示 将编译好的MLO.u-boot.img.uEnv.t ...

  3. TCP 的那些事儿-1

    TCP是一个巨复杂的协议,因为他要解决很多问题,而这些问题又带出了很多子问题和阴暗面.所以学习TCP本身是个比较痛苦的过程,但对于学习的过程却能让人有很多收获.关于TCP这个协议的细节,我还是推荐你去 ...

  4. 【最小割】【Dinic】HihoCoder - 1252 - The 2015 ACM-ICPC Asia Beijing Regional Contest - D - Kejin Game

    题意:有一个技能学习表,是一个DAG,要想正常学习到技能x,要将指向x的技能全部先学到,然后会有一个正常花费cx.然后你还有一种方案,通过氪金dx直接获得技能x.你还可以通过一定的代价,切断一条边.问 ...

  5. 按考分对学生排序 Exercise08_03

    /** * @author 冰樱梦 * 时间:2018年12月 * 题目:按考分对学生排序 * */ public class Exercise08_03 { public static void m ...

  6. bzoj 2820

    收获: 当一个东西的取值有限时,我们可以枚举它,然后统计它被计算了多少次. #include <cstdio> #include <iostream> using namesp ...

  7. 稀疏编码直方图----一种超越HOG的轮廓特征

    该论文是一篇来自CMU 的CVPR2013文章,提出了一种基于稀疏编码的轮廓特征,简称HSC(Histogram of Sparse Code),并在目标检测中全面超越了HOG(Histogram o ...

  8. MYSQL学习笔记 （一）

    每次面试后,都决定一改前非.事实上依然和那些发誓再吃最后一份美食的胖子一样.不管这次是不是三分钟热度但是至少我开始.   MYSQL引擎      说到MYSQL引擎我又想起研二时候去面试的第一家公司 ...

  9. 也谈时间管理和GTD

    也谈时间管理和GTD 时间管理 随着事情越来约多发现时间越来越不够用了,但是其实每天时间都是恒定的,并不增也不减,所以感觉时间不够用了总归只是个人主观感觉. 对我个人帮助比较大的是三本书<番茄时 ...

  10. 如何解决IIS7上传文件大小限制，.NET 上传文件后 找不到目录解决

    IIS7 默认文件上传大小是30M,那么超过30M的文件就无法上传了,那么就需要对IIS的配置文件进行修改. 在实际应用中往往会出现上传文件太大,无法上传的情况,那是因为IIS对上传文件大小有限制,I ...