transform是转换的意思，里面有矩阵属性，X，Y，Z轴的变换等。
rotate用的是他的旋转属性45deg，就是旋转45度
例子：
html：<div class="byl"></div>
css：.byl{width:100pxheight:100pxbackground:#ddd-webkit-transform:rotate(45deg)}
以实现一张图片双面翻转为例：
方法一：
1、实现CSS样式的方法代码如下。
2、实现前端布局的方法代码如下。
3、实现图片翻转CSS样式代码如下。
方法二：
1、实现正反面效果的HTML的方法代码如下。
2、实现CSS样式的方法代码。
3、然后实现竖向翻转的方法代码如下。
思路给你：弄两个方块，绝对定位，一左一右，左边倾斜45度，右边倾斜45度
背景颜色对上
然后z-index：-1
就可以让
“”链接详情还有右边的图片在上层“”
最外面的div加上overflow：hidden还有相对定位
