阅读更多

3顶
0踩

Web前端

原创新闻 6 款华丽的 HTML5 动画特效及源码

2012-11-22 09:52 by 见习编辑 html5_dev 评论(1) 有8914人浏览
我们可以用HTML5在浏览器上做出非常美妙的效果,这些动画特效大部分都可以在canvas上实现,这次分享几款比较有特色的HTML5动画特效,如水滴下落、老式卡带播放器等等。

1、HTML5水滴效果

这是利用HTML5来模拟的水滴效果,你可以在图片上轻轻点击,即能出现逼真的水滴动画。



在线演示 / 源码下载

2、HTML5卡带播放器

这是一款非常炫的HTML5卡带播放器,可以倒带、翻盘等动作,非常逼真,还有3D效果。



在线演示 / 源码下载

3、HTML5吃豆人游戏



在线演示

4、HTML5放大镜特效

这是一款利用纯HTML5制作的图片放大镜特效,很棒。



在线演示 / 源码下载

5、HTML5联系表单



在线演示 / 源码下载

6、colorful clock

一款富有创意的环形时钟。



在线演示 / 源码下载
3
0
评论 共 1 条 请登录后发表评论
1 楼 城堡里的卡夫卡 2012-11-22 13:31
So Cool. 有时间也学下HTML5.

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • HTML5 Canvas实现发光Loading动画特效源码

    这是一款基于HTML5 Canvas实现的发光Loading加载动画特效源码。Loading旋转图标是在canvas画布上绘制的,整个loading动画是发光3D的视觉效果,相较于以往的loading动画特效,这款特效更显炫目华丽!

  • html5动画在线示例,精妙无比 8款HTML5动画实例及源码

    本文作者html5tricks,转载请注明出处新的一周开始了,我们分享1、基于HTML5 Canvas的图表插件Chart.jschart.js是一款基于HTML5Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图、折线图、饼状...

  • html5字体动画效果,7款超华丽的HTML5 Canvas文字动画特效

    原标题:7款超华丽的HTML5 Canvas文字动画特效文字是网页中最为常见的元素之一,当然我们使用最多的就是调整文字的颜色、大小等基本属性。有时候我们在一些活动页面上需要展示特别样式的文字效果,这时候我们就可以...

  • html5炫酷动画及源码,分享8个难忘的HTML5炫酷动画及源码

    原标题:分享8个难忘的HTML5炫酷动画及源码HTML5的强大之处不仅在于让网页元素更加灵活多变,更在于它可以很方便地实现各种网页动画特效,让你的网站更加富有现代化特色。就现在的浏览器而言,已经基本都支持HTML5了...

  • html动画效果开源代码,8款强大的CSS3/HTML5动画及应用源码

    不得不说,1、CSS3 jQuery UI控制滑杆插件今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件,这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染,所以外观更加漂亮。另外,这款控制滑杆插件是纵向的...

  • HTML5实现的仿Apple Watch时钟动画特效源码

    这是一款HTML5仿Apple Watch的时钟动画特效源码。该源码运行效果是动态的,可以根据本地时间实时更新指针数据。时钟的界面非常华丽,确实有苹果的风格。是一款非常优秀的特效源码。建议用户使用支持html5的火狐或者...

  • 8款最新超酷HTML5/CSS3特效及源码

    这次我们整理了8款最新的HTML5/CSS3特效及源码,这些特效包括HTML5文字特效、HTML5焦点图特效、CSS3/HTML5进度条特效等类型,一起来看看吧。1、CSS3/jQuery全屏立体焦点图 时尚大气jQuery是一个非常流行的Javascript...

  • 基于html5 源码,10款基于HTML5+CSS3实现的超酷源码动画

    这款登录表单有一个经过CSS3处理过的头像图片,同时还有HTML5表单字段的简单验证,CSS3的使用,让整个登录表单的投影显得更加立体。2.很酷的CSS3多窗口邮件阅读器这是一款非常炫酷华丽的CSS3邮件阅读器界面,它的...

  • HTML5 Canvas烟花特效 场景十分华丽

    对于HTML5技术来说,Canvas应用非常广泛,基本上所有HTML5动画特效都会用到Canvas特性。今天我们要分享一款基于HTML5 Canvas实现的烟花特效,我们只需在黑色的画布上点击鼠标,即会有漂亮的烟花绽放在夜空当中。

  • html5 css动画效果代码,超酷震撼 8个HTML5/CSS3动画应用及源码

    原标题:超酷震撼 8个HTML5/CSS3动画应用及源码HTML5可以制作非常华丽的动画效果,这点通过之前的分享学习我们已经有深刻的了解了,今天我们主要来分享一些HTML5结合CSS3形成的超炫震撼的动画应用以及它们的源代码,...

  • 8款炫酷的HTML5特效源码

    HTML5的强大不仅在于可以让网页元素...1、HTML5 Canvas火焰闪烁动画 火焰跟随鼠标(特效展示)(源码下载) 该款动画是基于Canvas,火焰上下窜动的效果非常逼真,而且火焰可以跟随鼠标移动,是一款非常酷炫的HTML

  • ae制h5文字动画_对于8个华丽的HTML5文字动画特效图文赏析

    文字是网页的灵魂,很早...本文分享了8个非常华丽的HTML5文字动画特效,希望能给你作为参考。1、CSS3 3D折叠翻转文字动画今天我们再来分享一款CSS3文字特效应用,和之前分享的这款HTML5/CSS3文字特效类似,它也是一...

  • infrared-remote-candroid studiodemo

    android studio下载

  • 【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx

    【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx

  • 基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar

    基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar

  • node-v8.10.0-linux-x64.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

  • 基于Yolov5目标检测和deepsort目标跟踪无人机跟踪.zip

    无人机最强算法源码,易于部署和学习交流使用

  • 数据库课程设计实战.zip

    数据库课程设计后端 使用Springboot + Mybatis + Redis + Maven 数据库课程设计实战.zip,使用到了所有的相关SQL 的操作,如增删改查等,让你可以在一个项目里面,锻炼到所有的数据库相关的知识。项目亲测可以运行,里面含有运行相关的文档,不会的可以丝我请求帮助。 数据库课程设计后端 使用Springboot + Mybatis + Redis + Maven 具体的表和相关的数据如下: 用户(电话号码,密码,身份证号,邮箱,真实姓名,用户类型,性别,地址) 乘客(用户电话号码,乘客身份证号,乘客真实姓名,乘客电话号码,乘客类型,地址) 列车信息(列车编号,车次,列车类型,列车车厢数,列车始发站,列车终点站,列车开车时间,列车到达时间,列车到达日期,列车运行时间,列车状态) 列车座位信息(列车编号,车厢号,座位类型,座位数) 列车经停信息(列车编号,车次,车站编号,车站名,到达时间,总运行时间,开车时间) 订单信息(订单编号,用户电话号码,乘客身份证号码,列车编号,出发站编号,到达站编号,车厢号,座位编号,订单创建时间,订单状态,开车时间)

  • 咨询的分析方法gl.ppt

    咨询的分析方法gl.ppt

Global site tag (gtag.js) - Google Analytics