#HTMl

基于HTML5 SVG和CSS3炫酷蹦床式图片切换特效

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

基于HTML5/CSS3图片网格动画特效

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

4款基于html5 canvas充满想象力的重力特效

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

基于HTML5 Canvas可撕裂布料效果

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

基于HTML5 Canvas 实现的 Loading 效果

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

基于html5和css3响应式全屏滚动页面切换效果

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

基于html5制作3D拳击游戏源码下载

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

基于HTML5自定义文字背景生成QQ签名档

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

基于HTML5坦克大战游戏简化版

之前我们有分享过不少经典的HTML5游戏,有些还是很有意思的,比如HTML5版切水果游戏和HTML5中国象棋游戏。今天要分享的是一款简化版的HTML5坦克大战游戏,方向键控制坦克的行进方向,空格键发射子弹,命中敌方坦克后也会发出声音,效果还算可以。效果图如下:在线预览   源码下载实现的代...

基于HTML5/CSS3可折叠的3D立方体动画

今天要给大家带来另外一款CSS33D立方体动画,尤其在DEMO2中可以看到,鼠标滑过立方体后,它将会被打开,从里面弹出另外一个小立方体,动画效果非常酷,非常逼真。在线预览   源码下载实现的代码。html代码:<divclass="contentbgcolor-1"><h...

基于HTML5 Canvas生成粒子效果的人物头像

前面我们分享过一个HTML5Canvas实现的图像马赛克模糊效果,HTML5处理图片真的非常简单。今天我们要再利用HTML5Canvas实现一个粒子效果的人物头像,你可以任意选择一张头像图片,接下来该图片会被打散成许多粒子,然后慢慢的重组成图片,鼠标滑过图片时粒子还会出现浮动的动画特效,看上去非常酷。在线预览 ...

基于HTML5 SVG炫酷文字爆炸特效

这是一款使用html5svg、css3和js制作的炫酷文字爆炸特效。该文字特效用SVGpath属性将文字路径切割为很多小块,然后使用css3和js在鼠标滑过文字时制作文字爆炸分裂的炫酷效果。在线预览   源码下载这是一款使用html5svg、css3和js制作的炫酷文字爆炸特效。不论是HT...

基于HTML5 Canvas实现的图片马赛克模糊特效

马赛克模糊经常应用于图片或者视频,今天我们要利用HTML5Canvas技术来实现图片的马赛克模糊效果。在演示中我们可以拖动滑竿来设置马赛克模糊的程度,你可以在不同的值下观察图片被马赛克后的效果。HTML5的确非常强大。效果图如下:在线预览   源码下载实现的代码。html代码:<di...

基于HTML5的捕鱼达人游戏网页版

之前给大家分享了html5实现的水果忍者,愤怒的小鸟,中国象棋游戏。今天给大家分享一款捕鱼达人(fishjoy)网页版游戏的源码。可以在线玩也可以下载到本地。它使用html5技术和javascript制作而成。整个游戏的仿真度99.99%。效果图如下:在线预览   源码下载实现的代码。ht...

基于HTML5实现的中国象棋游戏

棋类游戏在桌面游戏中已经非常成熟,中国象棋的版本也非常多。今天这款基于HTML5技术的中国象棋游戏非常有特色,我们不仅可以选择中国象棋的游戏难度,而且可以切换棋盘的样式。程序写累了,喝上一杯咖啡,和电脑对弈几把吧,相信这HTML5中国象棋游戏的实现算法你比较清楚,可以打开源码来研究一下这款HTML5中国象棋游戏。在线预...
首页上一页...1718192021...下一页尾页