10个纯CSS3实现的图片画廊及滑块

网络整理 - 07-27

基于JavaScript实现的图片画廊/滑块插件技术有成百上千款可供您选择,所有的产品提供的功能都是不同的,都提供了交互功能,而且都是比较容易使用且安装的。于是,现在的问题是,为什么您就不考虑纯粹用CSS来替代?

CSS3是很是了不起。它正以惊人的速度及新技术、新想法,几乎每天都在更新,推动本身的能力越走越远,使得我们能够减少对JavaScript的依赖。想看这些效果请安装chrome或者firefox等支持CSS3的浏览器,IE是不支持的。

Turn Your Images Into Polaroids with CSS3

Turn Your Images Into Polaroids with CSS3


这项技术在某些特定浏览器中运用CSS(2和3)相结合完成,运用一些基本的样式,把经常性使用的老图片看起来像是宝丽来影像风格–并没有额外的标记来显示文本。
运用CSS3技术使得您的影像像是宝丽来风格 »

Sliding CSS3 Transition Image Gallery

Sliding CSS3 Transition Image Gallery


本教程将会向您展示如果运用CSS3变换技术创建一个“幻灯片”效果。
CSS3变换技术完成图片幻灯片 »

CSS Transitions – Throwing Polaroids at a Table

CSS Transitions - Throwing Polaroids at a Table


在这篇教程中,您将会看到如果运用CSS3变换和WebKit变换,使得您可以实现在您网站中布置–桌面可以随意摆放任意尺寸大小的照片
CSS 变换 – 桌面中随意摆放照片 »
查看演示 »

CSS Polaroid Photo Gallery

CSS Polaroid Photo Gallery


CSS实现宝丽来照片库 »
查看演示 »

Tabbed Image Gallery with CSS3 Transitions

Tabbed Image Gallery with CSS3 Transitions


通过本教材您可以通过运用CSS变换实现标签式动画图片库。
CSS变换实现标签式图片库 »
查看演示 »