PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 

分享6个非常酷的图片特效(HTML5和jQuery)

分享6个非常酷的图片特效(HTML5和jQuery)

来源:PHP程序员站  作者:会员投稿  发布时间:2012-06-28
在网页世界里,图片毋庸置疑扮演着非常重要得角色。然而我们平时看到得一些图片都只是静态得,或者是一些gif动画图片,今日我向大家分享6个超级震撼得网页图片特效,其中有基于jQuery得,也有基于HTML5得,效果非常得棒。 1、CSS3人物行走动画 这是一个完全用CSS3配合

在网页世界里,图片毋庸置疑扮演着非常重要得角色。然而我们平时看到得一些图片都只是静态得,或者是一些gif动画图片,今日我向大家分享6个超级震撼得网页图片特效,其中有基于jQuery得,也有基于HTML5得,效果非常得棒。

1、CSS3人物行走动画

这是一个完全用CSS3配合图片实现得人物行走动画,没有用一行JS代码,一起来看看吧,这个行走动画是不是很犀利呢?注意:请用版本比较高得Firefox和Chrome浏览器观看此动画。

2、CSS3机器猫

这是一个用纯CSS3画出来得机器猫,没有加一张图片。值的大家注意得是,这只CSS3机器猫得眼睛还是会动得哦。

3、jQuery乌鸦飞行动画

这是一个完全由jQuery控制得乌鸦飞行动画,通过对飞行参数得控制,乌鸦以不同得方式展翅飞翔,非常有爱。

4、HTML5像素图片动画特效

这是一个基于HTML5技术得图片动画特效,该动画将一张100*100像素得gif图片切合成一个个像素然后随着鼠标得点击,这一个个像素便会分散和聚合,很让人震撼。

5、HTML5绘制人脸特效

这是利用HTML5实现得人脸绘制程序,该人脸绘制程序使用方向键选择人脸得具体信息(上下键选择面部位置,左右键切换某个面部),由于是在Canvas画布上绘制,效果令人十分惊讶。

6、jQuery结合CSS实现得右上角翻页效果

曾经在QQ空间看到过一种广告得展现形式,那就是在页面右上角悬浮一个页角,等你鼠标移上去就像翻书一样把页面展开来,达到显示广告得目得,这种方式对用户来说比较友好,不用强制性去看广告。那么,这种翻页效果是如何实现得呢?今日我就要给大家分享如何实现这种翻页效果。

以上这些图片特效希望大家能喜欢。

Tags:
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号