HTML5实例 SVG制作过山车动画实例 SVG制作过山车动画实例是一款基于HTML5 SVG、jQuery制作的过山车动画效果实例源码,主要是利用了SVG的path动画来实现的,动画整体效果流畅自然,效果非常酷,两辆过山车来回穿梭。
HTML5实例 男生向女生表白动画效果代码 男生向女生表白动画效果代码是一款基于HTML5和CSS3制作的男生向女生表白的动画效果代码,动画内容有白云、彩虹、黑猫。动态显示文字条幅:某某人,做我女朋友吧!。文字可以自己义,换成自己想说的话。
HTML5实例 Canvas雨滴落在玻璃屏幕模糊背景动画效果 Canvas雨滴落在玻璃屏幕模糊背景动画效果基于HTML5 Canvas和rainyday.js插件制作,两种雨滴模糊背景动画效果,一种是雨滴倾斜落在玻璃屏幕上,另一种是雨滴垂直落在玻璃屏幕上。
HTML5实例 超酷3D衣服摆动特效源码 今天我向大家分享一款HTML5 3D衣服摆动动画特效,动画也是在HTML5 Canvas上完成,它模拟衣服晾在绳子上,移动鼠标可调整不同的观察视角,点击鼠标可以让衣服摆动起来,就行风吹动它一样,非常逼真炫酷。是一款非常优秀的特效源码。建议使用支持HTML5与css3的火狐或谷歌等浏览器预览本源码。
HTML5实例 OSChina公司发展历程大事记时间轴 OSChina公司发展历程大事记时间轴基于impress.js和jquery-1.8.3.min.js制作,记录了公司发展历程大事记,炫酷效果,图文并茂,带背景音乐,支持自动播放,难得的精品。
HTML5实例 鲸鱼鼠标跟随动画特效代码 之前看到过同样效果的一款鲸鱼鼠标跟随动画特效,不过可惜的是那个动画是用flash制作的。今天介绍的这款源码是基于HTML5的鲸鱼动画,鲸鱼会随着鼠标的移动而游动,画面非常立体,鲸鱼也超级逼真。真的,HTML5确实很给力,HTML5动画完全可以完成flash能做的事情。建议用户使用支持HTML5与css3的火狐或谷歌等浏览器预览本源码。
HTML5实例 3D书本翻页特效源码 利用HTML5和CSS3实现3D效果真的非常方便,下面这款书本翻页特效就很好地利用了HTML5的3D特性。鼠标拖拽书本页面即可翻动页面,在翻页的过程中整本书还呈现出3D立体的效果,包括书本中的图片也十分立体。整体视觉效果强烈,是一款非常优秀的特效源码。建议使用支持HTML5与CSS3的火狐或谷歌等浏览器预览本源码。
HTML5实例 3D网页内容切换特效 REVEAL.JS的演示实例,3D幻灯片,一个HTML5+CSS3技术的3D网页内容切换特效,查看本效果请在支持CSS3/HTML5标签的浏览器下运行,比如IE9、火狐、Chrome等,ie8不支持本效果。 当你打开网页后,看到灰色背景,右下角会出现一个控制按钮,可上下左右控制网页向四个方向滚动切换,视觉集中在页面中央每次切换都是以滚动的方式进行;页面不要太震撼,效果不要太绚丽,本人是陪奢华3D界...
HTML5实例 3D旋转LOGO动画效果源码 HTML5 3D动画实现起来非常方便,之前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的,而今天分享的这款HTML5 3D旋转动画是利用纯HTML5技术实现的,该动画实现了HTML5 Logo旋转的效果。整体效果华丽大气,是一款非常优秀的特效源码,建议使用支持HTML5与CSS3的火狐或谷歌等浏览器预览本实例源码。
HTML5实例 程序员爱情表白网页动画代码 程序员爱情表白专用的html5动画特效网页代码,真的挺羡慕创作者的水平,有这水平可以把爱表白给想表白的人,不要以为那些鲜花是用的图片,你会发现在资源文件中没有一个图片资源,但HTML5强大的功能不能不让你惊叹,左侧的文字是类似打字效果的动画形式,因IE9以前的浏览器不支持HTML5,所以你在查看本效果的时候,最后使用火狐浏览器或Chrome浏览器或Google浏览器。
HTML5实例 单选按钮和复选框特效 CSS3与HTML5实现的个性Checkbox复选框和单选按钮Radio特效,多种风格,将复选框和单选按钮变成不同的形状,演示了选中状态和不选中时候的样子,特别适合用于移动应用。
HTML5实例 HTML5爆炸粒子文字动画特效 HTML5爆炸粒子文字动画特效基于HTML5 canvas、easeljs-0.7.1.min.js、requestAnimationFrame.js和TweenLite.min.js等技术制作,在文本框输入文字,点击“试试吧”,出现爆炸粒子效果文字动画显示。支持中文汉字、数字、英文字母等。