这是一款基于HTML5 canvas实现的太阳日出日落场景变换动画特效源码。远近景层叠出现的群山在视线里快速经过,天边有隐约的霞光出现,透过远处与近处的山峰照射出来。随着时间的流逝,场景出现了日出与日落交替变换的效果。整体换面效果逼真自然,建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于html5+精灵图实现的产品360°查看器功能源码。画面中心是一个超级玛丽玩具模型,通过鼠标左右拖动可实现产品的360°全景查看效果。是一款经典的产品图片效果查看器源码。该特效基于html5+精灵图实现。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。PS:该源码需要在服务器环境下运行!
这是一款基于HTML5 Canvas实现夜幕下连绵起伏的山脉和流星雨动画场景特效源码。黑色星空夜幕下的山脉呈现出远近层叠的效果,随着观察视角的移动,山脉也表现出远近不同的移动速度相对地向后退去。星空上不时地有流星滑过天空。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于html5 canvas实现的可拖拽3D旋转球体动画特效源码。画面上立体排列若干球体围绕中心黄色明亮球体旋转,球体可通过鼠标拖动旋转。具有极强的远近层次效果。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于html5 canvas实现的海底世界鱼类游动动画特效源码。画面上由下而上出现大量双髻鲨鱼群游动的效果,鼠标往左移动还可看到魔鬼鱼游动的动画效果。且整体动画效果呈现出由远及近的视觉特效。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款利用HTML5和SVG实现的可爱笑脸动画,它们是色彩各异的一组泥娃娃的脸,默认的时候就出现眨眼和微笑的动画,当你把鼠标滑过它们时,就像是感受到了主人的抚摸一样上下跳动起来,真的是非常可爱。
今天要来分享一款很经典的HTML5游戏——堆木头游戏,这款游戏的玩法是将木头堆积起来,多出的部分将被切除,直到下一根木头无法堆放为止。这款HTML5游戏的难点在于待堆放的木头是移动的,因此需要你很好的控制木头下落的位置。
这是一款基于HTML5+Three.js实现的可拖拽镜面反射与球面折射全景动画效果源码,不同于前面介绍的可拖拽的虚拟天空环境全景动画效果,该动画除了背景的山丘、平原、晚霞天空之外,地面上还有黑白相间的棋盘平面,上方还悬浮着一面镜子和一个水晶球,镜子带有镜面反光,照射出对面的景象。水晶球则带有背景的折射放大显示效果。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrom
这是一款基于HTML5+CSS3带滴答声的圆盘时钟动画效果源码。时钟圆盘上有着标准的时针、分针、秒针走动,同时左侧还有数字显示当前时间。同时在秒针走动的时候时钟还会发出滴答声,完美的再现了真实的时钟动画效果。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于HTML5 Canvas实现的文字特效源码,在页面下方的输入框中输入想要展示的文字,回车后即可在canvas上绘制出粒子效果的文字动画,动画效果炫酷十足,是值得收藏的html5经典特效。
这是一款基于WebGL的漂亮背景图形动画特效。这些背景图形由Three.js创建,然后通过TweenMax来制作动画效果。效果炫酷,欢迎下载!WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 C
这是一款基于HTML5 canvas实现地面火热的热浪蒸腾动画特效源码。源码共有4种不同的显示效果,分别实现了非洲草原上羚羊背后地面热浪蒸腾效果、飞机发动机口火焰热浪效果、锅底火焰燃烧热浪视觉效果、以及桂林山水的水面涟漪效果。且画面随着鼠标的运动呈现出3D立体视角变换效果。是一款非常经典的HTML5 canvas动画特效源码。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌
这是一款基于html5 canvas实现的方块射击小游戏源码,下方的方块可控制发射子弹来射击掉落的方块,随着游戏的进行,下落的方块运动速度会增加。画面流畅自然,是一款比较经典的HTML5游戏源码。建议使用支持HTML5与css3效果较好的火狐或谷歌等浏览器预览本源码。
这是一款基于html5 canvas实现的行星运动轨迹动画特效源码。通过鼠标点击与拖动可形成行星围绕中心恒星运行轨迹,且拖动过程中可显示出各个行星的运动轨迹。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)浏览器预览本源码。
html5实现的适用于手机端的日期和时间选择器插件源码,点击日期文本框即可弹出日期选择下拉菜单进行日期选择,同时针对周六与周日带有高亮显示效果。点击事件选择文本框可弹出圆形时钟效果的时间选择框,并针对时针与分针可拖动修改显示时间。建议使用支持HTML5与css3效果较好的火狐或谷歌等浏览器预览本源码。
HTML5+CSS3内置功能按钮提示框是一款功能的HTML5+CSS3弹出提示框,带有小图标,而且可以关闭提示框,可以内置一些功能按钮,比如确定和取消。经测试效果相当不错,作者推荐下载。
这是一款基于HTML5 Canvas实现的图像X射线透视特效源码。画面上呈现出一处夏季湖边的风景,鼠标滑过处可看到鼠标所在位置呈现出对应区域的冬季风景。且鼠标区域显示的X射线透视图形状与大小可通过画面上方左右两侧的选项进行调整。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于js+html5制作简易的时钟表效果源码,可实现模拟当前时间的钟表走动效果,该源码没有引入任何的外部图形元素,钟表走动效果流畅自然,是一款经典的html5动画效果源码。建议使用支持html5与css3效果较好的火狐或谷歌等浏览器预览本源码。
这是一款HTML5 Canvas绘制梅雨季节在雨中撑伞行走的路人动画效果源码,昏暗的阴雨天背景上可见撑着雨伞来回穿梭的人影,上方不时地有雨滴掉落,人影下方还可见行人的倒影。是一款比较经典的HTML倒影动画效果源码。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款基于html5 canvas实现全屏的520爱心表白网页动画特效源码。画面上随机出现心形图案以及各种表白字样,呈现出温馨浪漫的动画视觉效果,适合情侣表白使用。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
关注时代Java