标签归档:图片特效

HTML5/CSS3图片过滤归类应用 三种过滤动画

今天我们要来分享一款基于HTML5和CSS3的图片特效,它可以很方便地将各种图片进行归类和过滤,在归类过滤的过程中,图片有非常酷的动画效果,并且,结合CSS3的特性,这里一共提供了3种炫酷的图片过滤动画。

html5-css3-image-filter

在线演示源码下载

jQuery带描述焦点图 文字描述上下滚动

今天我们来分享一款jQuery焦点图插件,这款焦点图是全屏的,看上去十分大气,另外,焦点图的每一张图片都带有文字描述,并且鼠标滑过图片时文字描述可以上下滚动。对于带文字描述的图片特效,我们还可以看看HTML5/CSS3图片描述效果 文字描述浮动在图片上

jquery-desc-scroll-image

在线演示源码下载

HTML5 3D幻灯片播放特效 可自定义图片参数

今天我们要来分享一款功能非常强大的HTML5幻灯片播放特效,图片是响应式布局,可以根据窗口大小自动展示成一列或者两列。点击图片即可展示图片的详细信息,包括图片的文字描述。图片在展开的时候有非常酷的3D特效,相当不错的HTML5幻灯片插件。

html5-3d-lightbox

在线演示源码下载

CSS3图片模糊效果

今天我们来分享一款利用CSS3技术让图片模糊的效果,我们只需要将鼠标滑过图片,就可以让图片产生模糊的特效,利用CSS3实现图片模糊效果也非常简单,用CSS3中的filter属性即可,针对不同浏览器用-webkit-filter、-moz-filter、-o-filter和-ms-filter。

css3-image-fuzzy

在线演示源码下载

HTML5 webkit 3D立方体图片旋转滑块应用

今天再来分享一款HTML5 3D立方体动画,这个只是一个3D效果模型,你可以用图片替换演示中的立方体4个面,这样就可以将这款HTML5立方体旋转动画改造成HTML5 3D焦点图了,由于是基于webkit的,所以有浏览器限制,Google Chrome最佳。

html5-webkit-3d-cube-slider

在线演示源码下载

CSS3鼠标滑过图片放大特效

今天我们要来分享一款简单实用的CSS3鼠标滑过图片放大特效,我们可以将它应用在相册中,我们可以将鼠标移到图片上进行快速预览相片,你也可以扩展它,比如给图片加投影和边框等。整一个图片放大特效还是比较酷的。

css3-image-hover-effect

在线演示源码下载

CSS3图片悬停放大特效

今天我们要来分享一款很酷的CSS3图片特效,这款图片特效可以利用鼠标滑过图片使其悬停放大,并使图片的周围出现发光的效果。配合黑色的背景,这款CSS3图片悬停放大效果显得更加立体大气,非常适合产品图片的展示。

css3-image-float-zoomin

在线演示源码下载

jQuery实现横向手风琴图片轮播焦点图效果

刚刚介绍完jQuery打飞机游戏,现在我们来点实用的,来分享一款基于jQuery的横向手风琴图片轮播焦点图效果。手风琴效果即图片一张张层叠在一起,鼠标滑过图片时即可展开完整的图片,这样的效果很常见,所以应用也很广泛,大家可以试试这款jQuery焦点图

jquery-accordion-image-player

在线演示源码下载

HTML5/CSS3图片描述效果 文字描述浮动在图片上

今天要分享一款基于HTML5和CSS3的图片特效,该图片特效非常实用,可以让你网页上的图片在鼠标滑过时在图片上方浮现一些描述文字,该描述文字在展现出来的时候有淡入淡出的动画效果,同时描述文字的样式也可以自定义多样化,是一款非常不错的HTML5图片特效

css3-image-caption-animation

在线演示源码下载

纯CSS3实现图片复古效果 鼠标滑过切换

今天我们要分享一款非常酷的图片效果,这个效果在很多P图软件中经常可以看到,就是对一张图片进行复古效果的渲染。这款CSS3图片效果就实现了这个复古的特效,我们只要将鼠标滑过图片,就可以实现这一图片复古效果了。

html5-css3-retro-image

在线演示源码下载