之前我们分享过很多超酷的文字特效，其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5Canvas的文字特效，输入框中输入想要展示的文字，回车后即可在canvas上绘制出粒子效果的文字动画，相当酷的动画效果。在线预览   源码下载实现的代码。html代码：<canv...

这是一组效果非常炫酷的HTML5SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果，使用SVG和CSS3来制作完成。这些浮动标签效果部分在元素的伪元素上使用CSStransitions和CSSanimations完成，一部分则使用SVG来制作变形动画。在线预览   源码下载HT...

今天我们要来分享一款很酷的CSS3图片特效，这款图片特效可以利用鼠标滑过图片使其悬停放大，并使图片的周围出现发光的效果。配合黑色的背景，这款CSS3图片悬停放大效果显得更加立体大气，非常适合产品图片的展示。在线预览   源码下载实现的代码。html代码：<divid="image-c...

今天要给大家介绍一款强大的CSS3动画库animate.css，animate.css定义了大概50多种动画形式，包括淡入淡出，文字飞入、左右摇摆动画等等。使用animate.css也非常简单，你可以给页面上的任意元素，特别是文字添加各种神奇的动画特效，一起来尝试一下吧。在线预览   源码...

这次我们要来分享一款很特别的CSS3菜单，菜单的外观是飘带状的，并且每一个菜单项有一个精美的小图标，鼠标滑过菜单项时，菜单项就会向上凸起，像是飘带飘动一样，形成非常酷的3D视觉效果。这款CSS3飘带状3D菜单非常适合作一些活动页面的菜单导航。在线预览   源码下载实现的代码。htmll代码...

今天给大家分享一款效果非常炫酷的HTML5SVG和CSS3蹦床式图片切换特效插件。该图片切换插件在进行图片切换时，整个屏幕就像一张大蹦床一样，将图片弹射出去，切换到另一张图片，效果非常有创意。效果图如下：在线预览   源码下载HTML结构该图片切换特效的HTML结构中，第一个元素是SVG图...

现在HTML5技术可以让网页上的图片变得非常神奇，各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就非常炫酷。图片缩略图按网格的布局一行行排列，你只需点击按钮即可让这些图片出现不可思议的动画效果，值得一看。效果图如下：在线预览   源码下载实现的代码...

今天给大家分享4个物理和重力实验，用来展示htmlcanvas的强大。几年前，所有这些实验都必须使用Java或Flash才能做。在下面这些惊人的例子中，就个人而言，我比较喜欢仿真布料的那个，我简直不敢相信它是使用htmlcanvas 做出来的。效果图如下：在线预览   源码下载主...

简要教程flipside是一款使用CSS3和js制作的炫酷点击按钮无缝过渡到确认面板的过渡动画特效。该点击按钮特效在按钮不同方向的边部点击时，产生的过渡动画特效是不一样的。在线预览   源码下载使用方法使用该按钮过渡动画特效需要引入它提供的按钮样式表style.css和用于触发按钮点击事件...

今天给大家分享一款基于jQ+CSS3页面滚动内容元素动画特效。这是一款基于jQuery+CSS3实现的页面滚动代码。该实例适用于适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。在线预览   源码下载实现的代码。ht...

分享一款布料效果的HTML5Canvas应用演示，效果逼真。你会看到，借助Canvas的强大绘图和动画功能，只需很少的代码就能实现让您屏息凝神的效果。在线预览   源码下载实现的代码。html代码：<canvasid="c"></canvas><divid="...

Sonic.js是一个很小的JavaScript类，用于创建基于HTML5画布的加载图像。更强大的是Sonic.js还提供了基于现成的例子的创建工具，可以帮助你实现更多自定义的（Loading）加载动画效果。在线预览   源码下载实现的代码。html代码：varloaders=[{widt...

分享一款全屏响应式的HTML5和CSS3页面切换效果。这个页面布局效果对于那些页面要求固定100%高度和宽度的网站和APP来说是十分有用的。效果图如下：在线预览   源码下载HTMLwrapperdiv的class为st-container，里面包含作为导航按钮的radio和用于页面切换的...

今天给大家分享一款基于HTML5实现的3d拳王游戏源码。这款实例适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。在线预览   源码下载实现的代码。html代码：<divid="chf2"style="posi...

分享一款利用HTML5实现的自定义文字背景应用，首先我们可以输入需要显示的文字，并且为该文字选择一张背景图片，背景图片就像蒙版一样覆盖在文字上。点击生成QQ签名档即可将文字背景融为一体生成另外一张图片，你也可以下载这张拥有你QQ签名档的图片。在线预览   源码下载实现的代码。html代码：...