08 2014 档案

经典的HTML5游戏及其源码分析
摘要：HTML5已经相当强大，在HTML5平台上，我们可以完成很多非常复杂的动画效果，包括游戏在内。早期我们只能利用flash来实现网络游戏，现在我们又多了一种选择，即用HTML5制作游戏。相比flash，HTML5更加灵活方便，随着浏览器技术的不断升级，HTML5一定会广泛使用，至少在网页动画方面，下面... 阅读全文
posted @ 2014-08-29 08:44 html5tricks 阅读(5996) 评论(4) 推荐(5)
惊艳的HTML5动画特效及源码
摘要：今天我们要来分享一些很酷的HTML5动画演示，HTML5的强大之处在于它可以利用canvas的特性来绘制很多普通网页无法完成的图形和动画，canvas就像一块超级画板，在上面不仅可以实现平面图形，而且一些3D动画也非常简单。很多HTML5动画也都基于canvas，一起来看看吧。HTML5/CSS3实... 阅读全文
posted @ 2014-08-28 08:57 html5tricks 阅读(7357) 评论(7) 推荐(8)
精心挑选的HTML5/CSS3应用及源码
摘要：这段时间我已经为大家分享了不少关于HTML5应用和jQuery插件了，先来回顾一下：炫酷霸气的HTML5/jQuery应用及源码干货分享 超炫丽的HTML5/jQuery应用及代码绚丽而实用的jQuery/CSS3应用及源码今天我们继续来介绍一些新鲜的HTML5/CSS3应用及源码，希望大家会喜欢。... 阅读全文
posted @ 2014-08-27 08:44 html5tricks 阅读(2202) 评论(2) 推荐(5)
炫酷霸气的HTML5/jQuery应用及源码
摘要：也许在5年前，HTML5还是一种很前卫的技术，大家还只是将它当做实验来看待，更别说产品应用了。但是现在HTML5已经非常流行，无论从PC端还是移动端，HTML5都扮演着非常重要的角色。今天我们要分享的一些应用就是基于HTML5和jQuery的，加上源代码的下载，你一定会觉得很受用的，赶紧分享吧。HT... 阅读全文
posted @ 2014-08-26 08:46 html5tricks 阅读(5433) 评论(7) 推荐(3)
干货分享 超炫丽的HTML5/jQuery应用及代码
摘要：今天我们要来分享一些HTML5干货，对于前段开发者来说，这些HTML5应用和jQuery插件将会让你的项目更加生动和炫丽，至少在UI设计方面，或多或少会带给你一点设计灵感，赶紧收藏和分享吧。另外这些HTML5应用的源代码也一并分享了。HTML5 Canvas画板画图工具 可定义笔刷和画布这是一款基于... 阅读全文
posted @ 2014-08-25 08:49 html5tricks 阅读(2492) 评论(3) 推荐(6)
绚丽而实用的jQuery/CSS3应用及源码
摘要：HTML5加入WEB以后，网页世界就变得丰富绚丽起来了，但是我们在项目应用中，不仅需要绚丽的动画效果，而且更需要有实用的价值。今天分享的一些jQuery/CSS3应用不仅绚丽，而且还比较实用，如果感兴趣，可以应用到自己的项目中。纯CSS3垂直动画菜单 效果很酷这是很动感的CSS3动画菜单，垂直方向的... 阅读全文
posted @ 2014-08-23 08:55 html5tricks 阅读(1676) 评论(2) 推荐(0)
经典炫酷的HTML5/jQuery动画应用示例及源码
摘要：jQuery是一款普遍受前端开发者欢迎的Javascript框架，但是开发者貌似更关注jQuery开发的插件，海量的jQuery插件让前端开发者非常方便。HTML5的加入让jQuery这个家族更加丰富多彩，因为利用HTML5，我们可以制作更加绚丽动感的动画特效，HTML5结合jQuery，真是我们开... 阅读全文
posted @ 2014-08-22 08:50 html5tricks 阅读(3992) 评论(7) 推荐(14)
令人惊叹的HTML5动画及源码分析下载
摘要：HTML5非常酷，利用HTML5制作动画简直让我们忘记了这世界上还有flash的存在。今天我们要分享的一些HTML5动画都还不错，有些动画设计还是挺别出心裁的。另外，每一款HTML5动画都提供源代码下载，并且我们对源码作一些简单的分析。HTML5画图特效 超酷的笔刷动画这是一款基于HTML5的画笔动... 阅读全文
posted @ 2014-08-21 08:52 html5tricks 阅读(5294) 评论(5) 推荐(6)
超炫酷的jQuery/HTML5应用效果及源码
摘要：jQuery非常强大，我们之前也用jQuery分享过很多实用的插件。HTML5可以让网页变得更加绚丽多彩，将HTML5和jQuery结合使用那将发挥更棒的效果。今天向大家收集了一些关于HTML5和jQuery的应用及其源码，一起来看看。HTML5动感的火焰燃烧动画特效这又是一款基于HTML5的超炫动... 阅读全文
posted @ 2014-08-20 09:07 html5tricks 阅读(5718) 评论(5) 推荐(14)
HTML5重力感应小球冲撞动画实现教程
摘要：今天我们来分享一款很酷的HTML5重力感应动画教程，这款动画可以让你甩动页面中的小球，小球的大小都不同，并且鼠标点击空白区域时又可以生成一定数量的小球。当我们甩动小球时，各个小球之间就会发生互相碰撞的效果，并且在运动过程中模拟了重力感应的物理效果。你可以在DEMO演示中来尝试一下。你也可以在这里查看... 阅读全文
posted @ 2014-08-19 08:51 html5tricks 阅读(3691) 评论(8) 推荐(4)
3D HTML5 Logo标志 超炫酷旋转特效
摘要：今天又要为大家带来一款超酷的HTML5 Canvas 3D动画特效，是一款可以旋转的HTML5 Logo标志。画面上一共有两块可旋转的区域，第一是可旋转的背景，第二则是可旋转的Logo标志。Logo标志在旋转的时候还有3D的视觉效果，这一切我们都是在canvas上实现的。具体演示和实现过程可以看下文... 阅读全文
posted @ 2014-08-18 09:26 html5tricks 阅读(4226) 评论(3) 推荐(1)
HTML5/CSS3实现五彩进度条应用
摘要：今天要介绍的是一款基于HTML5和CSS3的进度条应用，这款进度条是静态的，仅提供进度条的五彩外观。当然你可以在CSS中动态设置进度值来让其变得动态，一个很好的实现方式是利用jQuery动态改变CSS中的进度值，让进度条实时动起来。具体效果大家可以看演示。你也可以在这里查看在线演示接下来我们来分析一... 阅读全文
posted @ 2014-08-15 08:56 html5tricks 阅读(4197) 评论(0) 推荐(4)
超酷 CSS3/HTML5 3D 飘带菜单实现教程
摘要：今天我们来介绍一款很有创意的CSS3/HTML5菜单，首先菜单是飘带形状的，看起来很优雅，这种菜单在个人博客中用的比较多，不仅干净利落，而且很具有个性化。另外，这款菜单在鼠标滑过菜单项时，将会出现3D的凸起效果，并且会改变菜单项的背景颜色，效果非常的酷，你可以从在线演示中查看这一效果。你也可以在这里... 阅读全文
posted @ 2014-08-14 08:48 html5tricks 阅读(3173) 评论(13) 推荐(2)
精美的HTML5/CSS3表单 带小图标
摘要：今天我们要来分享一款非常精美的HTML5/CSS3表单，准备地说，这是一款经过美化的input输入表单，每一个输入表单都可以定义其两侧的小图标，非常华丽。另外，这款表单应用还采用了3种不同的风格主题，你可以在演示页的菜单栏中选择一种样式。需要高版本的浏览器才能支持。你也可以在这里在线演示下面我们来简... 阅读全文
posted @ 2014-08-13 08:53 html5tricks 阅读(7358) 评论(6) 推荐(4)
超酷的jQuery百叶窗图片滑块实现教程
摘要：今天我们要来分享一款基于jQuery的百叶窗焦点图插件，也可以说是图片滑块插件。这种jQuery焦点图插件的应用非常广泛，在早些年前，我们需要用flash来完成这种百叶窗的效果。如今我们可以用jQuery来实现这个动画效果。这款jQuery百叶窗焦点图不仅可以横向切换，也可以垂直切换，效果都非常不错... 阅读全文
posted @ 2014-08-12 08:53 html5tricks 阅读(4058) 评论(11) 推荐(10)
纯CSS3实现自定义涂鸦风格的边框
摘要：今天我们要来分享一款基于纯CSS3的自定义边框应用，看上去它像一个Tooltip控件，因为下边框有一个小三角，就像很多地方的引用文本框一样。另外这款CSS3边框是涂鸦风格的，看起来很有个性。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。你也可以在这里查看在线演示下面我们来分享一下... 阅读全文
posted @ 2014-08-11 08:59 html5tricks 阅读(3799) 评论(4) 推荐(4)
HTML5 五彩圆环Loading加载动画实现教程
摘要：今天我们要来介绍一款效果很特别的HTML5 Loading加载动画，不像其他的Loading动画，这款Loading动画颜色很丰富，并且在转圈的时候还有淡入淡出的效果。每一个圆环不停地旋转，从而实现加载动画的效果。首先你可以看看效果演示：你也可以在这里查看在线演示下面分享一下这款HTML5 Load... 阅读全文
posted @ 2014-08-09 09:22 html5tricks 阅读(3351) 评论(3) 推荐(2)
纯CSS3实现牛奶般剔透的3D按钮特效
摘要：今天我们要来看一款非常特别的纯CSS3 3D按钮，它的外观酷似纯白剔透的牛奶，点击按钮的时候还会出现一种很柔和的弹力效果。按钮按下时，按钮会轻轻的弹动一下，非常逼真。本文我们在观赏演示的同时，也将源代码分享出来一起学习。你也可以在这里查看在线演示接下来我们来分析一下实现这款CSS3 3D按钮的步骤及... 阅读全文
posted @ 2014-08-08 08:55 html5tricks 阅读(3793) 评论(5) 推荐(14)
基于HTML5 Canvas的网页画板实现教程
摘要：HTML5的功能非常强大，尤其是Canvas的应用更加广泛，Canvas画布上面不仅可以绘制任意的图形，而且可以实现多种多样的动画，甚至是一些交互式的应用，比如网页网版。这次我们要来看的就是一款基于HTML5 Canvas的网页画板，在这里仅对一些关键性的代码进行记录，大家也可以下载全部源代码研究。... 阅读全文
posted @ 2014-08-07 08:53 html5tricks 阅读(5135) 评论(0) 推荐(4)
HTML5 Canvas 超炫酷烟花绽放动画教程
摘要：这是一个很酷的HTML5 Canvas动画，它将模拟的是我们现实生活中烟花绽放的动画特效，效果非常逼真，但是毕竟是电脑模拟，带女朋友看就算了，效果还是差了点，呵呵。这个HTML5 Canvas动画有一点比较出色，就是其性能，Chrome上基本没有卡的感觉，就算你放出很多烟花也一样。你可以在这里看在线... 阅读全文
posted @ 2014-08-06 08:52 html5tricks 阅读(6997) 评论(4) 推荐(9)
HTML5 3D爱心动画及其制作过程
摘要：之前有看到过很多基于HTML5或者CSS3制作的爱心动画，不过基本上都是2D平面的，今天在国外的网站上看到一个基于HTML5 3D的爱心动画，对于HTML5爱好者来说，不免兴奋了一把。下面将分享一下这个3D爱心动画的实现过程，可以一起来看看。当然你也可以先看一下DEMO演示这么好看的HTML5爱心动... 阅读全文
posted @ 2014-08-05 08:52 html5tricks 阅读(7469) 评论(1) 推荐(4)
利用jQuery实现回收站删除效果
摘要：jQuery是一款非常强大的Javascript脚本库，我们开发者喜欢jQuery的原因除了它代码简洁外，更多的是因为jQuery插件非常丰富。今天我们用一个示例来解说jQuery是如何实现拖拽的。利用jQuery实现拖拽非常简单，我们直接可以利用jQuery内部封装的拖拽接口即可简单实现在网页上拖... 阅读全文
posted @ 2014-08-04 18:28 html5tricks 阅读(2603) 评论(0) 推荐(3)