css3照片墙

主要用到的css3技术：

1.box-shadow:

-webkit-box-shadow: 15px 15px 20px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(50,50,50,0.4);
box-shadow: 15px 15px 20px rgba(50,50,50,0.4);

第一个参数为x轴的阴影(正数表示在右侧),第二个参数为y轴的阴影(正数表示在下面),第三个参数表示阴影半径，第四个参数问阴影颜色。

2.transform:

-webkit-transform:rotate(0deg) scale(1.2);
-moz-transform:rotate(0deg) scale(1.2);
transform:rotate(0deg) scale(1.2);

rotate:表示旋转；scale表示放大倍数。

3.

-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;

transiton:表示所需要的时间。