这篇文章向大家展示8个惊艳的 HTML5 和 JavaScript 特效。作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性，越来越多的开发人员开始使用 HTML5 来制作各种交互性强、效果丰富的 Web 应用。下面这些惊艳的示例带您体验 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待。为了有更好的效果，建议在 Chrome 浏览器中浏览。
  • Crazy Tentacles使用HTML5 Canvas实现的文本特性，制作教程可参考：Typographic effects in canvas
  • WebGL GlobeWebGL Globe 是一个开放的地理数据可视化平台，我们鼓励你复制代码，添加自己的数据，创建自己的应用。
  • Nebula吸引眼球的粒子系统，旨在测试WebGL的性能，滑动鼠标能产生绚丽的效果（safari中浏览会导致蓝屏！）。
  • Particle Playground
  • 用鼠标和粒子进行交互，大胆一些，就能发现你第一眼发看不到的精彩。
  • Tron Tank使用 WebGL 实现的特隆坦克，灵感来源于迪斯尼1981电影《Tron》。
  • Photo Particle照片粒子实验，如果你想知道把一张照片分解成一个个粒子，并有红、绿、蓝三个中心会是什么样的，试试这个实验吧。
  • Surface使用WebGL实现的水面特效实验，可放入一张照片，使用鼠标触动水面会有奇特效果。
  • 国际来源：8 Awesome HTML5 and Javascript Effects
  • 转载：http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html

HTML5 和 JavaScript 特效相关推荐

  1. 10个让人眼花缭乱的 HTML5 和 JavaScript 特效，Flash情何以堪啊～

    作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性.如今,很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用来代替 Flash.本文向大家展示10个让人眼花缭乱的 H ...

  2. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <! ...

  3. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!DOCTYP ...

  4. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个可拖动的拼图游戏动画效果~适合初学者~超简单~ |it前端开发

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个可拖动的拼图游戏动画效果~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!D ...

  5. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个影子~~适合初学者~超简单~ |前端开发|IT软件

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个影子特效~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!DOCTYPE ...

  6. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个果冻导航标签栏图标按钮效果~~适合初学者~超简单~ |前端开发|IT软件

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个果冻导航标签栏图标按钮效果~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: < ...

  7. html网页特效微课,网页设计与制作(HTML5+CSS3+JavaScript)（第4版）（微课版）

    网页设计与制作(HTML5+CSS3+JavaScript)(第4版)(微课版) 编辑 锁定 讨论 上传视频 <网页设计与制作(HTML5+CSS3+JavaScript)(第4版)(微课版)& ...

  8. 【web前端特效源码】Html5+css3+JavaScript实现计算器2功能+新拟态新拟物风格(Neumorphism)网页图标按钮效果~手把手教学~适合初学者~超简单~

    b站视频演示效果: [web前端特效源码]Html5+css3+JavaScript实现计算器2功能+新拟态新拟物风格(Neumorphism)网页图标按钮效果!手把手教学! 效果图: 完整代码: & ...

  9. 分享8款令人惊叹的HTML5 Canvas动画特效

    HTML5的确可以制作出非常绚丽的网页动画效果,尤其是利用HTML5 Canvas特性和HTML5 3D特性,我们更加可以欣赏到超酷的动画特效.今天我从html5tricks网站上整理了8款令人惊叹的 ...

最新文章

  1. ionice使用说明与参数详析
  2. java实现多线程断点续传,上传下载 分享
  3. 【深圳】.NET 技术分享交流会
  4. 一文教你使用java开发一款推箱子游戏
  5. 素材模板源码资源下载站源码-带用户中心和VIP充值系统等
  6. OK6410裸机程序---hello world
  7. c语言sort函数排序二维数组,关于C++ 的 sort 对二维数组排序。该如何解决
  8. SPSS统计分析行业应用实战--SPSS 23.0新增
  9. Win10应用商店打不开？微软官方提供修复方法
  10. win10计算机网络共享设置密码,Win10使用技巧：给共享文件夹添加密码
  11. Discuz!论坛教程之去掉帖子列表页的附件图标的方法
  12. Pta题目集：汽车加油问题 （20 分)
  13. Mixed mode assembly is built against version 'v1.1.4322' of the runtime and...问题——C# DirectXSound
  14. 数字滚动效果(number-flip)
  15. 【重磅来袭】这绝对是全网最全的Springboot面试题
  16. web 开发入门（1）
  17. 忧郁的loli od链接爬取
  18. HTML 页面元素介绍
  19. “折翼行动” ：全球第三大比特币矿机厂商遭遇供应链攻击
  20. 《数学之美》——第十章 个人笔记

热门文章

  1. 电话拦截以及电话拦截后的提示音
  2. 一个微积分不等式---积分不等式,微分证明法
  3. 【meitong】Windows系统受损切莫将就使用 如何快速修复
  4. android 音乐歌词接口,Android自定义View--仿QQ音乐歌词
  5. 选择BI工具需注意什么
  6. 如何用div装html,​div标签如何使用的
  7. proc wifi 开启_49.Linux-wpa_cli使用之WIFI开启,扫描热点,连接热点,断开热点,WIFI关闭(49)...
  8. python百度贴吧怎么爬取最早的帖子_Python爬虫爬取百度贴吧的帖子
  9. SWPU信息学院团体程序设计竞赛题解
  10. [postgresql]postgresql自定义函数查询ETL作业依赖的实例