03 设置图片的样式，为图片添加transition样式，实现逐渐移动的效果。
04 为图片添加hover效果。添加transform:tra nslate (0px, -400px)代码。
添加transform样式后，在IE9浏览器中正常显示需要添加-ms-前缀；在谷歌浏览器中正常显示需要添加-webkit-前缀；在火狐浏览器中正常显示需要添加-moz-前缀。
05 保存并在浏览器中预览效果。
添加transform样式后，在IE9浏览器中正常显示需要添加-ms-前缀；在谷歌浏览器中正常显示需要添加-webkit-前缀；在火狐浏览器中正常显示需要添加-moz-前缀。
06 和前面的实例一样，将<style>标签内的样式装修到“自定义CSS”区域，将<body>标签内的代码装修到“自定义内容区”模块。
2．旋转
表示旋转的代码为transform:rotate（旋转度数）。代码中表示旋转60度，旋转效果如图7-161所示。Deg为度数，当旋转度数为正数时，顺时针旋转；当旋转度数为负数时，则会逆时针旋转。
3．缩放
表示缩放的代码为transform:scale（水平缩放倍数，垂直缩放倍数）。等比例缩放，即水平与垂直方向的缩放倍数相同时，可以缩写，如scale（2），表示等比例缩放2倍。
