今天我们要分享一款基于HTML5和CSS3的书本翻页3D动画,当我们将鼠标滑过书本时,书本就会自动一页页翻过去,书本的3D效果非常不错,运行流畅,反应速度灵敏,是一段非常优秀的特效源码。适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.。建议采用支持HTML5的火狐胡谷歌等浏览器运行本源码
HTML5实现中国象棋游戏是一款html5+js编写的中国象棋小游戏,效果很逼真,一点也不会出现卡的情况,经测试效果相当不错,作者推荐下载。
这是一款HTML5 svg 自行车运动描边动画特效源码。该特效使用很多SVG线条来绘制骑自行车的运动员图像,然后通过GSAP来制作SVG线条的描边动画,加上颜色的变化,构建出非常炫酷的效果。SVG线条动画使用的是GSAP的TimelineMax和DrawSVGPlugin。本代码适用浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8
这是一款基于HTML5+Three.js实现光滑平面上带光照阴影的粒子运动动画特效源码。画面光滑平面上若干发光粒子按照自身的轨道和速度做圆周运动。发光粒子运动到光滑平面上方的时候可在平面上形成模糊的反光效果。是一款比较经典的HTML5运动特效代码。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于html5 canvas实现的彩色流动线条动画特效源码。画面上有若干彩色粒子运动形成线条动画效果做无规则运动,且线条颜色随时间变化而变化。用户还可自由控制添加显示的粒子数量、是否跟随鼠标运动等动画特性。由于该特效采用HTML5的canvas技术实现,建议使用支持HTML5效果较好的火狐(Firefox)浏览器预览本源码。
经常可以在网上或者电视上看到被马赛克模糊的图片或者视频,今天我们要利用HTML5 Canvas技术来实现图片的马赛克模糊效果。在演示中我们可以拖动滑竿来设置马赛克模糊的程度,你可以在不同的值下观察图片被马赛克后的效果。HTML5的确非常强大。
这是一款HTML5 SVG炫酷checkbox复选框动画特效。该checkbox动画特效使用svg来构建复选框效果,然后通过CSS3动画来控制复选框的选中和取消选中状态,效果非常炫酷。本段代码兼容目前最新的各类主流浏览器,适用浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器,首选火狐浏览器。是一款不错的的特效插件,需要
这是一款html5 canvas实现简单的跳跃过关类小游戏源码。游戏中玩家通过键盘上的ADW键控制小人的左右移动与跳跃,躲避怪物与子弹的同时向前走。每当踩死一个怪物即可增加一发子弹。直至遇到最后的白色BOSS之后找机会按下J键发射子弹打中BOSS即可过关!建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于HTML5 Canvas实现的无尽掉落僵尸动画特效源码。画面上一个四肢关节可自由运动的僵尸木偶小人做自由落体运动,在掉落的过程中碰到障碍小球可使小球变色,同时僵尸会出现相应的关节运动,并继续滑落。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于HTML5 canvas+three.js实现的意大利面龙卷风动画场景效果源码。画面中心是一个金黄色的意大利面形状旋转漩涡,形成一个龙卷风效果。顶部是类似陨石的球状物体不断下落,下方的带有圆锥体形状的树木。同时画面中不时地有电闪雷鸣、地动山摇的动画场景效果。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款HTML5 canvas蜂巢式彩色霓虹背景效果。该蜂巢式彩色霓虹背景通过canvas来制作,它的粒子运动中组成六边形的蜂巢,并且会不断更换颜色,效果非常的炫酷,欢迎下载!本代码适用浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器,首选火狐浏览器。是一款不错的的特效插件,需要的朋友可以下载!希望大家喜欢!
这是一款基于HTML5+TweenMax.js实现平地起高楼弹出动画效果源码。画面中中地平线上不断地弹出各个建筑的卡通图形,并在稳定固定在地平面上。远处还有其他建筑的阴影视觉效果,整体形成一个城市建筑群拔起而起的动画场景效果。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款html5基于canvas实现的圆形计时器特效源码,是一款简单实用的带有开始暂停按钮的60秒一分钟圆形计时器代码。点击开始即可进入倒计时,画面效果呈现又圆形到扇形收缩的效果。建议使用支持HTML5余css3效果较好的火狐或谷歌等浏览器预览本源码。
这是一款基于HTML5 Canvas实现的模拟电视播放效果源码。画面中在电视屏幕的雪花状模拟视觉效果下,可看到电视屏幕上的视频播出效果。同时电视屏幕中央还有“MY TV”字样的字体抖动显示。逼真的模拟出了噪音干扰下的电视机屏幕播放显示效果。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
3D立体动画效果是一款3D效果模型,你可以用图片替换演示中的立方体4个面,这样就可以将这款HTML5立方体旋转动画改造成HTML5 3D焦点图了,经测试效果相当不错,由于是基于webkit的,所以有浏览器限制,Google Chrome最佳,作者推荐下载。
这是一款基于HTML5+WebGL实现暗夜云雾缭绕和月亮水面倒影模糊动画特效源码。画面上模糊晃动的云雾缭绕后面呈现出水面上水波晃动与月亮倒影的场景视觉效果。整体画面渐变与过度效果逼真自然。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于HTML5+Canvas实现通过鼠标点击、拖拽调整重力、摩擦力和弹性的蜘蛛网源码。黑色的背景画面中心是一个白色的蜘蛛网,蜘蛛网呈现缓慢晃动的视觉效果。鼠标滑过蜘蛛网可以看到蜘蛛网产生受到风吹扰动的弹性变换效果。鼠标点击拖拽则可拖拽蜘蛛网产生弹性变换的效果。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
jquery-fireworks是一款基于HTML5 Canvas的逼真烟花特效jQuery插件。该插件使用简单,无需手动,自动生成烟花特效,并可自由进行配置。它可以在一个div容器中生成逼真的燃放烟花效果。本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码。本代码适用浏览器:搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览
这是一款html5基于canvas实现带背景图片效果的时钟动画特效源码。界面上的时钟时针、分针与秒针按照当前时间走动,界面中央显示数字时间,同时时钟还附带一张用户可自定义的背景图。是一款比较经典的HTML5动画特效。建议使用支持HTML5与css3效果较好的火狐或谷歌等浏览器预览本源码。
这是一款基于HTML5 SVG实现的城市夜晚动画背景效果源码。画面中心若干建筑群整齐排列,构成一个城市背景效果。建筑上的灯光时明时暗。远处的落日还带有上下起伏的动画效果。共同形成一个城市落日的动画场景。该动画效果基于HTML5+svg绘制实现,没有引入任何外部图形元素。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
关注时代Java