HTML5实例 HTML5百分比进度条 HTML5百分比进度条是一款基于jQuery实现的百分比进度条特效代码,有红、黄、绿三种颜色渐变效果,分别代表不同百分比进度,百分比进度越大颜色越向绿色进行渐变。
HTML5实例 SVG制作过山车动画实例 SVG制作过山车动画实例是一款基于HTML5 SVG、jQuery制作的过山车动画效果实例源码,主要是利用了SVG的path动画来实现的,动画整体效果流畅自然,效果非常酷,两辆过山车来回穿梭。
HTML5实例 Canvas雨滴落在玻璃屏幕模糊背景动画效果 Canvas雨滴落在玻璃屏幕模糊背景动画效果基于HTML5 Canvas和rainyday.js插件制作,两种雨滴模糊背景动画效果,一种是雨滴倾斜落在玻璃屏幕上,另一种是雨滴垂直落在玻璃屏幕上。
HTML5实例 男生向女生表白动画效果代码 男生向女生表白动画效果代码是一款基于HTML5和CSS3制作的男生向女生表白的动画效果代码,动画内容有白云、彩虹、黑猫。动态显示文字条幅:某某人,做我女朋友吧!。文字可以自己义,换成自己想说的话。
HTML5实例 超酷3D衣服摆动特效源码 今天我向大家分享一款HTML5 3D衣服摆动动画特效,动画也是在HTML5 Canvas上完成,它模拟衣服晾在绳子上,移动鼠标可调整不同的观察视角,点击鼠标可以让衣服摆动起来,就行风吹动它一样,非常逼真炫酷。是 …
HTML5实例 3D书本翻页特效源码 利用HTML5和CSS3实现3D效果真的非常方便,下面这款书本翻页特效就很好地利用了HTML5的3D特性。鼠标拖拽书本页面即可翻动页面,在翻页的过程中整本书还呈现出3D立体的效果,包括书本中的图片也十分立体。整 …
HTML5实例 鲸鱼鼠标跟随动画特效代码 之前看到过同样效果的一款鲸鱼鼠标跟随动画特效,不过可惜的是那个动画是用flash制作的。今天介绍的这款源码是基于HTML5的鲸鱼动画,鲸鱼会随着鼠标的移动而游动,画面非常立体,鲸鱼也超级逼真。真的,HTM …
HTML5实例 OSChina公司发展历程大事记时间轴 OSChina公司发展历程大事记时间轴基于impress.js和jquery-1.8.3.min.js制作,记录了公司发展历程大事记,炫酷效果,图文并茂,带背景音乐,支持自动播放,难得的精品。
HTML5实例 3D旋转LOGO动画效果源码 HTML5 3D动画实现起来非常方便,之前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的,而今天分享的这款HTML5 3D旋转动画是利用纯HTML5技术实现的,该动画实现了HTML5 Logo旋转的效果。整体 …
HTML5实例 3D网页内容切换特效 REVEAL.JS的演示实例,3D幻灯片,一个HTML5+CSS3技术的3D网页内容切换特效,查看本效果请在支持CSS3/HTML5标签的浏览器下运行,比如IE9、火狐、Chrome等,ie8不支持本效果。 当你打开网页后,看到灰色背景, …
HTML5实例 程序员爱情表白网页动画代码 程序员爱情表白专用的html5动画特效网页代码,真的挺羡慕创作者的水平,有这水平可以把爱表白给想表白的人,不要以为那些鲜花是用的图片,你会发现在资源文件中没有一个图片资源,但HTML5强大的功能不能不 …