CSS3 效果transform属性讲解

这个效果是有之前的视频讲解的，需要的读者可以翻一下之前的内容，或许可以找到！首先先看一下下面的这些效果：

学习加入学习群497187010

这个最简单的就是用与图片一些产品 和效果的展示了，这种倾斜的布局，会更加个性好看一下，当想细看的时候，就可以鼠标移入上面查看大图，效果也比较简单。

第一部分就是基础的页面布局了，采用ul li来做图片布局

学习加入群497187010

无样式【学习群497187010】

加入样式后，图片就可以均匀的排列起来了。

样式源码【学习群497187010】

效果展示【学习群497187010】

最重要的就是用旋转，使图片规律性展示。这里用到一个css3 的选择器【 :nth-child(n) 】选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。以及旋转  transfrom  2D选择 rotate 属性，旋转多少度。

CSS3代码【学习群497187010】

可以看到图片是规律性展示的：

效果展示【学习群497187010】

而素材呢 ，当时就是两张图片了，可以自行找出更加好看好玩的图片的。自己对手做一下吧！