基于html5和css3制作炫酷网站带缩略图的图片画廊

基于html5和css3制作炫酷网站带缩略图的图片画廊，图片画廊插件在网上数之不尽，大多数是使用js或jQuery来完成的。如何使用更少的代码来制作一个效果炫酷的图片画廊效果是我们这批文章的研究目的。HTML5提供了许多新的属性，利用这些实现和CSS3的动画功能，我们就可以轻松的制作出许多意想不到的效果。在这个案例中，我们使用了一些CSS hack技术和5个HTML5特性：
input元素可以出现在页面的任何位置，而不必关联一个form元素。
正确的设置label元素的属性值可以将它用来替代单选按钮。
只要标签是有效的，一个radio按钮不必可见就可以使用它。
label元素可以使用图片来作为内容。
CSS可以通过:checked伪元素来监控单选按钮的状态。

浏览器兼容chrome、firefox、opera、safari等浏览器。