CSS3的简单实现了照片墙

本文介绍的图片墙效果代码，CSS3实现简单的使用很简单，也很实用，需要的朋友可以参考下
HTML
复制代码代码如下所示：

照片墙的制作


CSS（这节省了浏览器的私有属性前缀！）
复制代码代码如下所示：

*边距：0；填充：0；}
体{背景颜色：# EEE；填料顶部：50px；}
文本对齐：中心；}
容器。{位置：相对；宽度：1000px；身高：700px；保证金：为0px auto；}
img {位置：绝对；顶部：50px；左：100px；鼠标指针；
填料：10px 10px 25px；背景颜色：# FFF；边框1px solid # DDD；
过渡：0.5s；盒的影子：3px 3px 3px # CCC；
}
。img1 {左：40px；顶部：20px；变换：旋转（30deg）；Z指数：1；}
。IMG2 {左：156px；顶部：156px；变换：旋转（- 30deg）；Z指数：1；}
。img3 {左：381px；顶部：60px；变换：旋转（30deg）；Z指数：1；}
。img4 {左：458px；顶部：256px；变换：旋转（30deg）；Z指数：1；}
。img5 {左：684px；顶部：110px；变换：旋转（- 40deg）；Z指数：1；}
IMG：悬停{：旋转变换（0度）；变换：规模（1.5）；箱的影子：6px 6px 6px # Z指数：656565；2；}。
设计素描 uff1a