用css3的transition，很容易实现hover时旋转效果的：
<style>img{width:50pxheight:50pxdisplay:block-webkit-transition:0.4s lineartransition:0.4s ease-in}
img:hover{-webkit-transform:rotate(360deg)transform:rotate(360deg)}
</style>
<div>
<img src="http://www.baidu.com/img/bdlogo.gif">
首先我们要知道什么是前端，前端就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户所浏览的网页。
前端开发顾名思义就是这些页面的设计，代码的实现。
而Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。不过，现阶段的网站开发已经不同于早年的网页设计，当时主要是以图片和文字为主，用户使用网站的行为也以浏览为主，这些的东西html就可以办到。而现在的前端开发使得现代网页更加美观，交互效果显著，功能更加强大。所以现在的前端开发，能做到的更多，运用到的知识面更加广泛，要学习到的知识也就更多，三大基础技能html、CSS和JavaScript是少不了的。
web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。
前端学习之路很长，慢慢学，慢慢提升，你也可以成功。
