标签归档:HTML5图片

HTML5/CSS3图片选择动画 可选择多张图片

之前我们已经分享过几款很酷的HTML5图片特效,像HTML5 3D图片折叠特效HTML5 3D旋转图片相册等应用。今天我们来分享一款既炫酷又实用的HTML5图片选择特效,当图片被选中时,图片上就会覆盖一个半透明的层,上面有一个勾,并且在选中的时候图片出现弹跳的动画效果。

html5-css3-image-selector

在线演示源码下载

HTML5/CSS3图片分割遮罩滑块动画

之前我们推荐过一款HTML5/CSS3原图对比查看特效 HTML5图片特效,效果非常酷。今天我们再来分享一款类似的HTML5应用,图片上有另外一张图片作为遮罩,滑动鼠标即可移动遮罩,将部分原图显示出来,效果没有上一款好,不过参考学习可以。

html5-css3-image-slider-divide

在线演示源码下载

HTML5 3D骨牌图片特效 带文字描述

今天分享一款很特别的HTML5 3D图片特效,当鼠标滑过图片时,平面的图片即会呈现3D的效果,和这款HTML5 3D图片折叠特效类似,也是通过鼠标滑过来展现3D效果。另外,这款HTML5 3D骨牌图片特效还可以设置图片描述信息。

html5-3d-domino-image

在线演示源码下载

HTML5/CSS3原图对比查看特效 HTML5图片特效

说到HTML5图片特效,我们应该已经分享过很多了,大家可以到HTML5图片栏目中查看。今天我们再来看一款不一样的HTML5图片特效,这款HTML5应用可以将两张相似的图片进行细节上的对比,我们只需移动鼠标即可以观察到两张图片的不同点,非常实用方便。

html5-css3-image-compare

在线演示源码下载

HTML5 3D图片折叠特效 超炫酷图片特效

我们之前介绍过很多HTML5 3D图片效果,比如HTML5/CSS3 3D环形图片墙HTML5 3D相册浏览等等。今天我们再来分享一款HTML5 3D图片折叠特效,鼠标滑过图片时,折叠好的图片便会展开,鼠标离开图片时,图片又会折叠起来,效果非常酷。

html5-3d-fold-image

在线演示源码下载

HTML5相册照片浏览器 可连接Flickr照片服务

以前我们经常会分享一些jQuery相册浏览插件,效果不错,实用性也很强。不过如果能利用HTML5来实现相册浏览器,那么相册浏览效果肯定会更加炫酷。今天分享的这款HTML5相册浏览器可以连接到Flickr获取照片,也可以连接到youtube获取视频,照片在初始化的时候有波浪般的效果。

html5-photobox-flickr

在线演示源码下载

HTML5 3D旋转图片相册 可鼠标悬停

图片特效在HTML5应用中十分广泛,我们也在html5tricks上收集了不少HTML5图片特效,今天要分享的这款HTML5 3D旋转图片相册又非常绚丽,和之前分享的这款HTML5/CSS3 3D环形图片墙类似,也是一面立体的图片墙,图片不停的切换,鼠标滑过图片时即可激活图片查看。

html5-3d-images-gallery

在线演示源码下载

HTML5/CSS3 3D环形图片墙 伴随旋转动画

我们分享过很多HTML5图片特效,包括HTML5图片播放、HTML5图片缩放等效果。今天我们要分享一款基于HTML5/CSS3的3D环形图片墙,该HTML5图片特效是一面3D立体的墙,墙上贴着一些图片,墙体在不停的旋转移动。鼠标滑过图片时,图片墙即停止转动,并将选中的图片放大。

html5-css3-3d-photo-slider

在线演示源码下载

HTML5/CSS3实现旋转图片播放焦点图 旋转比较流畅

HTML5焦点图可以实现很多炫酷的效果,就像这款CSS3百叶窗焦点图特效就很不错。今天我们再来分享一款另外一种效果的HTML5焦点图插件,该焦点图利用CSS3的属性实现了图片旋转的动画效果,既可以顺时针旋转,也可以逆时针旋转,并且图片旋转也比较流畅。

html5-css3-rotating-image

在线演示源码下载

HTML5图片组合归类效果 图片分类利器

HTML5对处理一些简单的动画非常方便,比如移动、淡入淡出效果等。今天分享的这款HTML5图片组合归类特效就应用了HTML5的移动特效,当用户选择一个图片分类时,相关分类的图片就会移动到这个分类下面,并伴随着淡入淡出的移动动画,是一款效果很酷的HTML5图片处理应用。

html5-image-group

在线演示源码下载