1、打开DW网页编辑器，代码已经提前测试好了，div代码如下所示，<div class="fanzhuan"></div>。
2、CSS样式代码如下所示，<style>.fanzhuan{width:300px;height:100px;display:block; line-height:100px;background:#f00;margin:300px auto; text-align:center;-webkit-transition:all 4s ease-in-out;}.fanzhuan:hover{-webkit-transform:rotate(360deg) scale(2,2);-o-transform:rotate(360deg) scale(2,2);-mo-transform:rotate(360deg) scale(2,2);transform:rotate(360deg) scale(2,2);}</style>
3、360度旋转是由css代码控制的，我们可以根据自己的需要改变度数，不过最好要兼容各个浏览器，加上-mo-（火狐）、-o-（欧朋）、-webkit-（谷歌）可更好的兼容浏览器。
4、保存一下代码，用浏览器打开，初始效果如下所示。
5、用鼠标移到上面，效果比初始效果扩大了四倍，当然这也是由代码控制的，代码如下所示，-o-transform:rotate(360deg) scale(2,2)。
