html鼠标经过图片旋转特效,【每日一练】CSS3实现鼠标移入图片旋转放大特效

“每日一练”刚开始一天就遭到了一些阻力，似乎该改名叫"每周一练"ORZ。。。还是再逼迫自己坚持一下试试(ˇˍˇ) ～

本来每日一练只打算记界面设计和交互设计的内容，不过这几天赶任务做的是前端动效实现的内容，就先也记在这里。(简书这个编辑器怎么贴代码？只能手敲吗？好累orz)

-------------------------------------------分割线---------------------------------------------

效果图：(甲方说这个动效很不错，开心O(∩_∩)O~)

网页效果

思路：通过伪类实现鼠标移入和移出的效果。

···

#nav ul li:hover img,#nav ul li img:hover{

-webkit-transform:rotate(360deg) scale(1.2);  /*兼容Chrome*/

-moz-transform:rotate(360deg) scale(1.2);      /*兼容Firefox*/

-ms-transform:rotat